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