Как автоматически определять местоположение пользователя и отображать его на странице Wordpress

Question

Я разработал собственную тему wordpress и хочу определить местоположение пользователя и попасть в раскрывающийся список?

Answer 1

Чтобы определить местоположение пользователя, вы можете использовать HTML API геолокации. Ознакомьтесь с документацией: https://www.w3schools.com/html/html5_geolocation.asp

Как и в примере с w3schools, вам нужно только что-то, чтобы вызвать функцию javascript. Это может быть ваш выпадающий элемент, просто присвойте ему атрибут onclick="getLocation()". Дайте элементу, в котором вы хотите вывести местоположение, ID, чтобы вы могли поместить в него результат функции.

Затем вы можете поместить следующий javascript в нижний колонтитул. php файл темы WordPress или в любом другом месте, которое, по вашему мнению, лучше всего подходит для ваших настроек.

Взято из: https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_geolocation

<script>
var x = document.getElementById("your_dropwdown_id");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else { 
    x.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function showPosition(position) {
  x.innerHTML = "Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude;
}
</script>

Итак, щелкнув элемент с onclick="getLocation()", функция getLocation() запускается. Функция получает данные о местоположении браузера и выводит результат внутри элемента с идентификатором your_dropdown_id.

Надеюсь, это поможет!