Определение региона / города Яндекс API 2.0


Скрипт определения страны, региона, города посетителя сайта, через Яндекс API 2.0
с использованием библиотеки jQuery. Ниже размещено несколько простых примеров с определением местоположения пользователя.
Демо-пример определения страны / региона / города
Ваша страна:
Регион:
Город:
Для работы скрипта скачайте / подключите библиотеку jQuery:
<script src="js/jquery-1.12.4.min.js"></script>
В исходнике страницы между тегами <head> подключите Яндекс API 2.0:
<script src="https://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
В исходнике страницы между тегами <head> </head> вставьте скрипт:
1
2
3
4
5
6
7
8
9
<script>
$(document).ready(function(){
ymaps.ready(function(){
var geolocation = ymaps.geolocation;
$('
#wb_strana').text('Ваша страна: '+geolocation.country);
$('#
wb_region').text('Регион: '+geolocation.region);
$('#
wb_gorod').text('Город: '+geolocation.city);
});});
</script>
В 5-й строке скрипта: wb_strana - это id блока с текстом для страны.
В 6-й строке скрипта: wb_region - это id блока с текстом для региона.
В 7-й строке скрипта: wb_gorod - это id блока с текстом для города.
Пример определения города в input
Подключите библиотеку jQuery и Яндекс API 2.0 между тегами <head>:
<script src="js/jquery-1.12.4.min.js"></script>
<script
src="https://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
В исходнике страницы между тегами <head> </head> вставьте скрипт:
1
2
3
4
5
6
7
<script>
$(document).ready(function(){
ymaps.ready(function(){
var geolocation = ymaps.geolocation;
$("
#grad").val(ymaps.geolocation.city);
});});
</script>
В 5-й строке скрипта: grad - это id поля input для города.
Определение региона в выпадающем списке
В примере используется datalist
Подключите библиотеку jQuery и Яндекс API 2.0 между тегами <head>:
<script src="js/jquery-1.12.4.min.js"></script>
<script
src="https://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
В исходнике страницы между тегами <head> </head> вставьте скрипт:
1
2
3
4
5
6
7
<script>
$(document).ready(function(){
ymaps.ready(function(){
var geolocation = ymaps.geolocation;
$("
#reg").val(ymaps.geolocation.region);
});});
</script>
В 5-й строке скрипта: reg - это id выпадающего списка (datalist).
В выпадающем списке ComboBox регион должен определиться, если только он прописан в option.
Скачать исходник .wbs (версия 12.3.0)