Определение местоположения пользователя

Определение местоположения пользователя

03.01.2016242714MSerega

Определение местоположения пользователя – крайне полезная вещь для интернет-магазинов и для лендингов. Но и для простых сайтов будет также интересно сделать, например, автоматическое заполнение поля город, страны и т.д. Собственно, различного рода автозаполнения позволят ускорить регистрацию и оформление заказа.

Установка

Подключаем библиотеку Яндекса:

<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>

Парсим данные о местоположении:

<script type="text/javascript">
window.onload = function () {
jQuery("#user-city").text(ymaps.geolocation.city);
jQuery("#user-region").text(ymaps.geolocation.region);
jQuery("#user-country").text(ymaps.geolocation.country);
}
</script>

В том, месте, где нужно вывести город, регион и страну вставляем:

<div id="user-city"></div> <div id="user-region"></div> <div id="user-country"></div>

Вы можете просто скопировать все три фрагмента и вставить в одном месте на сайте. Странно, но Я проверял скрипт на демо-сайте и он не выводил никаких данных. Вставив на Урааа, скрипт выдал все данные по городу, региону и стране. Причину почему на демо-сайте скрипт не работал пока не понял.


Если вы хотите сделать автоматическое заполнение города где либо на сайте (например, в форме заказа), то узнайте ID поля и замените его содержимое таким образом:

jQuery("#user-city").val(ymaps.geolocation.city);



Сохраните в социальную сеть
Комментарии (14)
NoNaMe 03.01.2016 в 18:06Спам
Что-то лыжи не едут.
Добавил на доске объявлений к полю:
jQuery("#bdF13").text(ymaps.geolocation.city);

В HTML в input город добавляется, а вот глазами посетителя в поле его не видно.
0
Вячеслав 03.01.2016 в 21:06Спам
Код
jQuery("input#bdF13").value(ymaps.geolocation.city);


Заполняется input, для разного типа полей, разные изменения могут быть.
0
Cry Deil 05.01.2016 в 22:10Спам
Попробуй так:
$("#bdF13").val(ymaps.geolocation.city);
0
NoNaMe 03.01.2016 в 20:35Спам
с value перестал город появляться в HTML, input пуст.
0
Денис Абдуллин 03.01.2016 в 20:36
Если это textarea, то ни value ни text не подойдут, попробуйте html. Точно не помню
0
Миха 04.01.2016 в 12:44Спам
ставил на подобие в доску объявления для заполнения автоматически города вышла ошибка и ip заблокировали
0
Deniss Lvov 04.01.2016 в 23:11Спам
Что значит (Парсим данные о местоположении:)?
0
берем данные из яндекс карт.
0
NoNaMe 06.01.2016 в 23:51Спам
Замените в материале value на val, не вводите людей в заблуждение.
0
Cry Deil 05.01.2016 в 22:08Спам
а не .val? Мб он указывает $('...').value(...); ? По этому не работает :D
2
NoNaMe 06.01.2016 в 23:46Спам
Отлично, заработало! Добавил еще <?if($PAGE_ID$='add')?> перед скриптом, что бы в объявлениях людей из других городов не менялся на мой при редактировании и получилось то что доктор прописал! Еще раз спасибо! Посмотрим как этот скрипт будет вести себя с мелкими городами из областей.
0
NoNaMe 06.01.2016 в 23:47Спам
jQuery("#bdF13").val(ymaps.geolocation.city);
0
Материал полезный, спасибо! Если научите так-же парсить пробки и курс валют, цены не будет!
0
У меня заработал! Спасибо, юра самый лучший сайт)))
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт