انتقل إلى محتوى الدرس
فقرة فرعية #2 من درس: Web Geolocation API

Using the Geolocation API

Geolocation API هو عبارة اداة تستخدم في تحديد الموقع الجغرافي للمستخدم 

1 صفوف تعليمية
جافا سكريبت
3,700 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تستخدم الدالة ( )getCurrentPosition في تحديد الموقع الخاص بالمستخدم 

- المثال التالي يقوم بتحديد كل من خط الطول والعرض الخاص بوقع المستخدم 

Example

HTML
<script>
const 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  و في حالة انها غير متاحة يتم طباعة رسالة معينة للمستخدم 
  • تقوم الدالة   (  )showPosition  بأرجاع نتيجة تحتوي علي خط طول وعرض المستخدم