Dodawanie znacznika do mapy 3D

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Użyj znaczników do wyświetlania pojedynczych lokalizacji na mapie. Na tej stronie pokazujemy, jak dodać znacznik do mapy automatycznie i za pomocą kodu HTML.

Dodaj znacznik za pomocą kodu HTML

Aby dodać znacznik 3D za pomocą kodu HTML, dodaj do elementu gmp-map-3d element podrzędny gmp-marker-3d. Ten fragment kodu pokazuje dodawanie znaczników do strony internetowej:

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

Automatyczne dodawanie znacznika

Aby automatycznie dodać znacznik 3D do mapy, utwórz nowy obiekt Marker3DElement zawierający współrzędne lat/lng i odwołanie do mapy bazowej, jak pokazano w tym przykładzie:

const marker = new Marker3DElement({
  map,
  position: {lat: 47.6093, lng: -122.3402},
});

Dalsze kroki

• Podstawowe dostosowywanie znaczników