Menambahkan penanda ke peta 3D

Pilih platform: Android iOS JavaScript

Gunakan penanda untuk menampilkan berbagai lokasi tunggal di sebuah peta. Halaman ini menunjukkan cara menambahkan penanda ke peta menggunakan HTML dan secara terprogram.

Menambahkan penanda menggunakan HTML

Untuk menambahkan penanda 3D menggunakan HTML, tambahkan elemen turunan gmp-marker-3d ke elemen gmp-map-3d. Cuplikan berikut menunjukkan cara menambahkan penanda ke halaman web:

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

Menambahkan penanda secara terprogram

Untuk menambahkan penanda 3D ke peta secara terprogram, buat Marker3DElement baru, dengan meneruskan koordinat lat/lng dan referensi ke peta dasar, seperti yang ditunjukkan dalam contoh berikut:

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.

Langkah berikutnya