ما هي خرائط جوجل؟
خرائط جوجل هي جوجل API
خطوط Google هي واجهة برمجة تطبيقات Google
مخططات Google هي واجهة برمجة تطبيقات Google
تعرف على كيفية إضافة خرائط Google إلى صفحة الويب الخاصة بك.
وجه الفتاة! هناك خطأ ما.
أول خريطة جوجل
ابدأ بصفحة ويب بسيطة.
أضف عنصر <div> حيث تريد عرض الخريطة ، واضبط حجم الخريطة:
مثال
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map" style="width:100%;height:400px;">My map will go here</div>
</body>
<html>
أضف وظيفة JavaScript لعرض الخريطة:
مثال
function myMap() {
var mapCanvas =
document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(51.5, -0.2),
zoom:
10
};
var map = new google.maps.Map(mapCanvas,
mapOptions);
}
المتغير mapCanvas هو عنصر HTML للخريطة.
يحدد متغير mapOptions خصائص الخريطة.
تحدد خاصية المركز مكان توسيط الخريطة (باستخدام إحداثيات خطوط الطول وخطوط العرض).
تحدد خاصية التكبير / التصغير مستوى التكبير / التصغير للخريطة (حاول تجربة مستوى التكبير / التصغير).
يتم إنشاء كائن google.maps.Map باستخدام mapCanvas و mapOptions كمعلمات.
أخيرًا أضف Google API
يتم توفير وظائف الخريطة بواسطة مكتبة JavaScript موجودة في Google:
مثال
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
دروس خرائط جوجل
تعرف على المزيد حول خرائط Google في البرنامج التعليمي لخرائط Google .