تتيح لك الميزات التي تدعم WebGL في Maps JavaScript API التحكم في الإمالة والتدوير، وإضافة الكائنات ثلاثية الأبعاد إلى الخريطة مباشرةً، والمزيد. يتم تضمين الميزات التالية:
- يتيح لك العرض المركّب في 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'
});
أمثلة
تم تقديم أمثلة لتوضيح هذه الميزات: