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

Displaying the Result in a Map

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

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

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

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

لعرض موقع المستخدم علي خريطة  تحتاج إلى الوصول إلى خدمة الخرائط معينة، مثل خرائط Google.

في المثال التالي، يتم استخدام خط العرض وخط الطول لإظهار الموقع في خريطة Google (باستخدام صورة ثابتة):



HTML
function showPosition(position) {
  let latlon = position.coords.latitude + "," + position.coords.longitude;

  let img_url = "https://maps.googleapis.com/maps/api/staticmap?center=
  "+latlon+"&zoom=14&size=400x300&sensor=false&key=YOUR_KEY";

  document.getElementById("mapholder").innerHTML = "<img src='"+img_url+"'>";
}