إضافة علامة إلى خريطة ثلاثية الأبعاد

استخدِم علامات لعرض مواقع جغرافية فردية على خريطة. توضّح هذه الصفحة كيفية إضافة علامة إلى خريطة آليًا وباستخدام HTML.

إضافة علامة باستخدام HTML

لإضافة علامة ثلاثية الأبعاد باستخدام HTML، أضِف عنصرًا فرعيًا gmp-marker-3d إلى العنصر gmp-map-3d. يعرض المقتطف التالي كيفية إضافة علامات إلى صفحة ويب:

<gmp-map-3d
  mode="hybrid"
  center="48.861000,2.335861"
  heading="110"
  tilt="67.5"
  range="1000"
  style="height:400px"
  >
    <gmp-marker-3d
      position="48.861000,2.335861">
    </gmp-marker-3d>
</gmp-map-3d>

إضافة علامة برمجيًا

لإضافة علامة ثلاثية الأبعاد إلى خريطة آليًا، أنشئ Marker3DElement جديدًا، مع تمرير إحداثيات lat/lng ومرجع إلى الخريطة الأساسية، كما هو موضّح في هذا المثال:

const marker = new Marker3DElement({
  position: {lat: 47.6093, lng: -122.3402}, // (Required) Marker must have a lat/lng.
  altitudeMode : "ABSOLUTE", // (Optional) Treated as CLAMP_TO_GROUND if omitted.
  extruded : true, // (Optional) Draws line from ground to the bottom of the marker.
  label : "Basic Marker" // (Optional) Add a label to the marker.
});

map.append(marker); // The marker must be appended to the map.

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

• تخصيص العلامات الأساسية