Определение положения пользователя с помощью API Яндекс.Карт

Дата публикации: 01 Дек 2016г.

Задача определить город пользователя, без клика и уведомлению пользователю об этом. (Не так как в геолокации HTML5) Для решения данной задачей воспользуемся сервисом от яндекс, а именно Яндекс.Картами. Сначала нужно получить ключ для сайта тут, и вставить в первую строку (после key=) заменив API-ключ. Затем проверим, не пустое ли значение возвращает YMaps.location.city, если не пусто, то пишем город.

<script charset="utf-8" src="http://api-maps.yandex.ru/1.1/index.xml?key=API-ключ" type="text/javascript"></script>
<script type="text/javascript">
if (YMaps.location.city) {
document.write ("Ваш город" + YMaps.location.city +"!");
}
</script>

Пример реализации с помощью jQuery

<div class="your_city">
<script type="text/javascript">
$(document).ready(function() {
if (YMaps.location.city) {
$('.your_city a').html("Доставим в г. " + YMaps.location.city +"!");
}
else {
$('.your_city a').html("Достака в регионы России!");
}
})
</script>
<p><a href="/about/delivery/" alt="Доставка"></a></p>
</div>

Доступны и другие параметры:

ПараметрОписание
longitude долгота
latitude широта
city название города
region название региона
country название страны
api.yandex.map.geotargeting