استفاده از موقعیت جغرافیایی HTML

getCurrentPosition()روش برای برگرداندن موقعیت کاربر استفاده می شود.

مثال زیر طول و عرض جغرافیایی موقعیت کاربر را برمی گرداند:


Example



<script>
var x = document.getElementById("demo");
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>


مثال توضیح داده شد:

  • بررسی کنید که آیا موقعیت جغرافیایی پشتیبانی می‌شود
  • در صورت پشتیبانی، متد getCurrentPosition() را اجرا کنید.اگر نه، پیامی به کاربر نمایش دهید
  • اگر متد getCurrentPosition() موفقیت آمیز باشد، یک شی مختصات را به تابع مشخص شده در پارامتر (showPosition) برمی گرداند
  • The showPosition() تابع طول و عرض جغرافیایی را خروجی می دهد

مثال بالا یک اسکریپت موقعیت جغرافیایی بسیار ابتدایی است، بدون رسیدگی به خطا.