3D haritaya işaretçi ekleme

Platform seçin: Android iOS JavaScript

Haritada tek konumları göstermek için işaretçileri kullanın. Bu sayfada, bir haritaya programatik olarak ve HTML kullanarak nasıl işaretçi ekleneceği gösterilmektedir.

HTML kullanarak işaretçi ekleme

HTML kullanarak 3D işaretçi eklemek için gmp-marker-3d öğesine gmp-map-3d alt öğesini ekleyin. Aşağıdaki snippet'te, bir web sayfasına işaretçi ekleme işlemi gösterilmektedir:

<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>

Programatik olarak işaretçi ekleme

Bir haritaya programatik olarak 3D işaretçi eklemek için yeni bir Marker3DElement oluşturun. Bu örnekte gösterildiği gibi, lat/lng koordinatlarını ve temel haritaya bir referansı iletin:

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.

Sonraki adımlar