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