"Spitze" eines eigenen Markers in MapLibreGL/MapboxGL festlegen?

Communities Deutschland (Germany)
#1

Hallo,

ich habe einen selbst gestaltetes Marker-Bild, dass ich gerne so in eine MaplibreGL-Karte einfügen würde, dass die Mitte der unteren Kante des Bildes immer auf den zugeordneten geografischen Punkt zeigt.

In Leaflet geht das sehr einfach über die Eigenschaft iconAnchor, bspw. so:


var logo = L.icon({
       iconUrl: 'https://example.com/images/my-custom-marker.svg',
       iconSize: [150, 100],    // size of the icon
       iconAnchor: [75, 100],   // point of the icon which will correspond to marker's location
});

Gibt es eine ähnliche Möglichkeit in MapLibreGL? Vielleicht sogar eine, die auch im 3D-Modus funktioniert?

Im voraus vielen Dank für Eure Hilfe!

#2

ja, geht:
https://docs.mapbox.com/mapbox-gl-js/api/markers/#marker

das sollte über offset und anchor gehen, als hack kann man die Spitze auch einfach in die Mitte machen und transparente Flächen darunter

#3

Danke! Hatte nicht gesehen, dass man den Default-Marker durch ein HTML-Element ersetzen kann. :slight_smile: