نظرة عامة

اختيار النظام الأساسي: Android‏ iOS‏ JavaScript‏

تساعدك ميزة "الخرائط الثلاثية الأبعاد" في Maps JavaScript على إنشاء تجارب خرائط غامرة وثلاثية الأبعاد. وتوفّر هذه الواجهة أدوات لتخصيص نمط الخريطة وتحسين أدوات تسهيل الاستخدام وسهولة الاستخدام، ما يتيح تطوير تطبيقات تفاعلية وجذابة.

في ما يلي مثال على ما يمكنك تنفيذه باستخدام الخرائط الثلاثية الأبعاد في Maps JavaScript API:

مزايا استخدام الخرائط الثلاثية الأبعاد في Maps JavaScript

توفّر الخرائط الثلاثية الأبعاد في Maps JavaScript فئة Map3DElement (<gmp-map-3d>) في مكتبة maps3d لتتمكّن من استخدام صور Google الثلاثية الأبعاد في جميع تطبيقاتك. توفّر الخرائط الثلاثية الأبعاد تجربة عرض ثلاثية الأبعاد مدمجة، ما يتيح لك دمج أو تجربة بيئات ثلاثية الأبعاد من العالم الحقيقي، ومناظر للمدن، وجولات في المعالم.

استخدِم 3D <gmp-map-3d> (Map3DElement في مكتبة maps3d) للتضاريس الثلاثية الأبعاد وإمالة الكاميرا والاتجاه والنطاق والجولات الجوية والمباني الثلاثية الأبعاد البارزة والعناصر الثلاثية الأبعاد مثل Marker3DElement (<gmp-marker-3d>). بالنسبة إلى خرائط الطرق الثنائية الأبعاد المسطّحة والدبابيس الثنائية الأبعاد العادية AdvancedMarkerElement والتصميم المتجهي الثنائي الأبعاد، استخدِم 2D <gmp-map> (MapElement أو google.maps.Map في مكتبة maps).

ما الذي يمكنك فعله باستخدام الخرائط الثلاثية الأبعاد في Maps JavaScript؟

  • إنشاء تجارب خرائط تحاكي الواقع: يمكنك عرض صور جوية ثلاثية الأبعاد تحاكي الواقع للمدن والتضاريس والمعالم في وضع SATELLITE أو HYBRID (الذي يضع تصنيفات الخريطة الأساسية على صور القمر الصناعي)، أو عرض خريطة أساسية ثلاثية الأبعاد منسَّقة في وضع ROADMAP باستخدام السمة mode. لمزيد من المعلومات، يُرجى الاطّلاع على مقالة تغيير وضع الخريطة.
  • تخصيص نمط الخريطة:
    • تصميم الخرائط الثلاثية الأبعاد المستنِدة إلى السحابة الإلكترونية: يمكنك التحكّم في مستوى ظهور وتصميم نقاط الاهتمام والطرق في الخريطة الأساسية. لمزيد من المعلومات، يُرجى الاطّلاع على مقالة تخصيص الخرائط الثلاثية الأبعاد.
    • محدّدات المواقع المخصّصة والنوافذ المنبثقة والخطوط المتعدّدة والمضلّعات: يمكنك تحديد المواقع الجغرافية ورسم مسارات أو حدود ثلاثية الأبعاد على الخريطة باستخدام MarkerElement وMarker3DElement وMarker3DInteractiveElement وPopoverElement وPolyline3DElement وPolygon3DElement. لمزيد من المعلومات، يُرجى الاطّلاع على العلامات والنوافذ المنبثقة والأشكال والخطوط.
    • التصاميم الثلاثية الأبعاد ومواد عرض glTF: يمكنك إضافة تصاميم ثلاثية الأبعاد مخصّصة بتنسيق glTF مع عرض قائم على أساس مادي (PBR) للمباني أو المعالم أو العناصر في إحداثيات واقعية باستخدام Model3DElement. لمزيد من المعلومات، يُرجى الاطّلاع على النماذج.
  • إنشاء خرائط غامرة:

مثال سريع

لتحميل مكتبة maps3d وعرض عنصر <gmp-map-3d> باستخدام mode="HYBRID" وcenter (lat,lng,altitude) وrange وtilt وheading، استخدِم المقتطف التالي:

<gmp-map-3d
  style="height: 400px; width: 100%;"
  mode="HYBRID"
  center="40.7484,-73.9857,200"
  range="900"
  tilt="67"
  heading="35">
</gmp-map-3d>
<script async
  src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&v=beta&libraries=maps3d">
</script>

استبدِل YOUR_API_KEY بمفتاح واجهة برمجة التطبيقات في "منصة خرائط Google".

كيفية استخدام الخرائط الثلاثية الأبعاد في Maps JavaScript

1 إعداد الميزة ابدأ بالخطوة إعداد واجهة برمجة تطبيقات JavaScript وأكمِل تعليمات الإعداد التي تليها.
2 فهم كيفية فوترة Maps JavaScript API لمزيد من المعلومات، يُرجى الاطّلاع على الاستخدام والفوترة.
3 إنشاء خريطة لمزيد من المعلومات، يُرجى الاطّلاع على البدء.

التغطية

تتوفّر شبكات المباني والمعالم الثلاثية الأبعاد الواقعية في مناطق حضرية محدّدة في البلدان والمناطق التي تتوفّر فيها الميزة. في المناطق التي لا تتوفّر فيها تغطية الشبكة الثلاثية الأبعاد (مثل الهند)، يعرض <gmp-map-3d> صورًا ثنائية الأبعاد من القمر الصناعي أو خريطة طريق فوق ارتفاع التضاريس الثلاثية الأبعاد بدون مبانٍ ثلاثية الأبعاد بارزة. لعرض مَعلم في منطقة لا تتوفّر فيها تغطية شبكة ثلاثية الأبعاد، يمكنك وضع نموذج glTF ثلاثي الأبعاد مخصّص في إحداثياته باستخدام Model3DElement أو استخدام <gmp-map> ثنائي الأبعاد. للاطّلاع على مدى التوفّر حسب البلد (ضمن عمود Maps JavaScript 3D)، يُرجى مراجعة تفاصيل تغطية &quot;منصة خرائط Google&quot;.

الخطوات التالية