Mithilfe von Markierungen lassen sich einzelne Standorte auf einer Karte kennzeichnen. Auf dieser Seite werden zwei Methoden zum Einfügen einer Markierung beschrieben – programmatisch und mithilfe von HTML.
Markierung mithilfe von HTML einfügen
Um mithilfe von HTML eine 3D-Markierung einzufügen, fügen Sie dem gmp-map-3d-Element ein untergeordnetes gmp-marker-3d-Element hinzu. Im folgenden Snippet sehen Sie, wie Markierungen auf einer Webseite eingefügt werden:
<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>
Markierung programmatisch einfügen
Wenn Sie einer Karte programmatisch eine 3D-Markierung hinzufügen möchten, erstellen Sie ein neues Marker3DElement, mit dem lat/lng-Koordinaten und ein Verweis auf die Basiskarte übergeben werden, wie in diesem Beispiel gezeigt:
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.