Ajouter un repère à une carte 3D

Sélectionnez une plate-forme : Android iOS JavaScript

Utilisez des repères pour afficher des lieux uniques sur une carte. Cette page explique comment ajouter un repère à une carte de manière programmatique et en utilisant le HTML.

Ajouter un repère en utilisant le HTML

Pour ajouter un repère 3D en utilisant le HTML, ajoutez un élément enfant gmp-marker-3d à l'élément gmp-map-3d. L'extrait suivant illustre comment ajouter des repères sur une page 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>

Ajouter un repère de manière programmatique

Pour ajouter un repère 3D à une carte de manière programmatique, créez un Marker3DElement, transmettez les coordonnées lat/lng et une référence à la carte de base, comme indiqué dans cet exemple :

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.

Étapes suivantes