Так как Вы упомянули, что не имеете ничего против использования API Yandex Maps
, то привожу пример реализации поставленной задачи с помощью сего API:
$(document).ready(function() {
if (YMaps.location) // Проверяем, доступна ли геопозиция
{
console.log("Longitude: " + YMaps.location.longitude); // Выведем долготу
console.log("Latitude: " + YMaps.location.latitude); // Выведем широту
$(".country").val(YMaps.location.country); // Достанем в input страну
$(".region").val(YMaps.location.region); // Достанем в input регион (область)
$(".city").val(YMaps.location.city) // Достанем в input город
}
else
alert("Пожалуйста, разрешите доступ к использованию Вашей геопозиции!");
});
input {
display: block;
margin-bottom: 10px;
width: 200px;
}
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script charset="utf-8" src="https://api-maps.yandex.ru/1.1/index.xml" type="text/javascript"></script>
<form method="POST">
<input type="text" class="country" placeholder="Country">
<input type="text" class="region" placeholder="Region">
<input type="text" class="city" placeholder="City">
</form>
Прошу обратить Ваше внимание, что обязательно нужно поставить какой-нибудь обработчик на тот случай, если пользователь запрещает доступ к своей геопозиции, так как такие случаи весьма часты, и если Вам необходимо иметь о ней информацию, то вызовите какое-нибудь модальное окно, которое объяснит посетителю Вашего сайта, для чего же Вам нужно знать его местонахождение
К слову, как я уже писал в комментариях, узнать местоположение пользователя можно и встроенными методами (однако опять же пользователь должен разрешить такое вот вторжение в его частную жизнь))
Делается это так:
navigator.geolocation.getCurrentPosition(pos => {
console.log("Longitude: " + pos.coords.longitude); // Выведем долготу
console.log("Latitude: " + pos.coords.latitude); // Выведем широту
}, error => console.log("Пожалуйста, разрешите доступ к использованию Вашей геопозиции!"));
Надеюсь, мой ответ помог Вам разрешить вставшую пред Вами задачу) Удачи в Ваших начинаниях!
http://ip-api.com/json/?lang=ru
МТС
зарегистрирована в Москве. И пусть я далеко не москвич, Ваш ресурс будет считать меня таковымnavigator.geolocation.getCurrentPosition(pos => console.log(pos), error => console.log(error));
Объектpos
(если пользователь разрешит Вам узнать, где он находится) позволит узнать Вам широту и долготу местонахождения посетителя сайта (pos.coords.latitude
иpos.coords.longitude
)