Class Markers

An array of Marker instances that currently exist.

Create a new Marker, containing some HTML, at the specified position.

mapView.Markers.add(coordinate, `
    <div
        id="my-marker"
        style="width:100px;height:40px;background:red;"
    >
        My Marker
    </div>
`);
Copy

Moves an existing Marker to a new position smoothly over time.

const marker = mapView.Markers.add(...);

// Animate the marker to a new coordinate over 500ms
mapView.Markers.animate(marker, newCoordinate, {
    duration: 500
});
Copy

Removes an existing Marker.

const marker = mapView.Markers.add(...);

...

// The marker is no longer needed
mapView.Markers.remove(marker);
Copy

Remove all Marker instances from all maps.

mapView.Markers.removeAll();
Copy

Moves an existing Marker to a new position instantaneously. See also animate.

const marker = mapView.Markers.add(...);

// Move the marker to a new coordinate
mapView.Markers.setPosition(marker, newCoordinate);
Copy