حابب استخدم فى الموقع بتاعى جوجل مابس ي جماعه

Baraa • منذ 11 شهر

ساعد بالإجابة

"إن في قضاء حوائج الناس لذة لا يَعرفها إلا من جربها، فافعل الخير مهما استصغرته فإنك لا تدري أي حسنة تدخلك الجنة."

الإجابات (1)

xlmnxp • منذ 11 شهر

طريقة اضافة خرائط جوجل امر سهل للغاية الطريقة

كالتالي

اولا يجب عليك اضافة وسم div يحتوي على معرف id بإسم map بالمكان الذي تريد ان تظهر الخريطة فيه

<div id="map"></div>

ثم تقوم بإضافة وسم script يحتوي دالة initMap مع تعديل قيمة lat (Latitude) و lng (Longitude) الى عنوان المؤشر الذي تريد التحديد عليه في الخريطة

<script>
// Initialize and add the map
function initMap() {
  var location = {lat: 24.69, lng: 46.72};

  var map = new google.maps.Map(
      document.getElementById('map'), {zoom: 4, center: uluru});
  var marker = new google.maps.Marker({position: location, map: map});
}
</script>

بإمكانك الحصول على الموقع عن طريق الخدمة التاليه 

https://www.latlong.net/

 او عن طريق جلبه من رابط خرائط لجوجل

في الاخير تقوم بإضافة وسم script مع تغيير YOUR_API_KEY بمفتاحك

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>

 

للحوصل على  المفتاح بإمكانك ذلك عن طريق الرابط التالي

https://developers.google.com/maps/documentation/javascript/get-api-key

 

 

الشرح منقول على عجلة من 

https://developers.google.com/maps/documentation/javascript/adding-a-google-map

 

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !