تتيح لك الميزات المستندة إلى WebGL في واجهة برمجة التطبيقات JavaScript لخرائط Google التحكّم في الميل والدوران وإضافة عناصر ثلاثية الأبعاد مباشرةً إلى الخريطة وغير ذلك. تشمل الميزات التالية:
- يتيح لك العرض المركّب في WebGL إضافة رسومات مخصصة ثنائية الأبعاد وثلاثية الأبعاد ومحتوى متحرك إلى خرائطك.
- الميل والاتجاه: يمكن الآن تعديلهما آليًا، واستخدام إيماءات الماوس ولوحة المفاتيح .
- تسمح لك دالة map.moveCamera() بتغيير سمات كاميرا متعددة في الوقت نفسه.
- يتيح تطبيق Zoom الآن القِيَم الكسورية.
البدء
لاستخدام ميزات WebGL الجديدة، تحتاج إلى معرّف خريطة يستخدم الخريطة المتجهّة. كما يجب عليك تحديث طلب التمهيد لواجهة برمجة التطبيقات. يوضّح لك هذا القسم كيفية إجراء ذلك.
إنشاء معرّف خريطة جديد
لإنشاء رقم تعريف خريطة جديد، اتّبِع الخطوات الواردة في مقالة استخدام ميزة "تصميم الخريطة" المستندة إلى السحابة الإلكترونية - الحصول على رقم تعريف خريطة. تأكَّد من ضبط نوع الخريطة على JavaScript، ثم حدِّد خيار المتجه. ضَع علامة في المربّع بجانب الميل و/أو الدوران لتفعيل الميل والدوران على الخريطة. سيسمح لك القيام بذلك بضبط هذه القيم آليًا، وأيضًا يسمح للمستخدمين بتعديل الإمالة والعنوان مباشرةً على الخريطة. إذا كان استخدام إمالة الشاشة أو اتجاهها سيؤثر سلبًا في تطبيقك، اترك مربّعَي الاختيار الميل والدوران بدون علامتَي اختيار لكي لا يتمكّن المستخدمون من ضبط الميل والدوران.
تحديث رمز إعداد الخريطة
يتطلّب ذلك رقم تعريف الخريطة الذي أنشأته للتو. يمكن العثور عليها في صفحة إدارة "خرائط Google". قدِّم معرّف خريطة عند إنشاء مثيل للخريطة باستخدام سمة
mapId كما هو موضّح هنا:
map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8, mapId: 'MAP_ID' });
أمثلة
تم تقديم أمثلة توضيحية لهذه الميزات: