Adicionar um marcador a um mapa 3D

Use marcadores para mostrar locais específicos no mapa. Nesta página, mostramos como adicionar um marcador ao mapa de modo programático e usando HTML.

Adicionar um marcador usando HTML

Para incluir um marcador 3D usando HTML, adicione um elemento filho gmp-marker-3d ao elemento gmp-map-3d. O snippet a seguir mostra a adição de marcadores a uma página da 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>

Adicionar um marcador de modo programático

Para adicionar um marcador 3D a um mapa de forma programática, crie um novo Marker3DElement, transmitindo coordenadas lat/lng e uma referência ao mapa básico, conforme mostrado neste exemplo:

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

Próximas etapas

• Personalização básica de marcadores