В этом примере новый маркер создается каждый раз, когда я нажимаю на карту. Однако, хотя первый маркер находится приблизительно в правильном месте, дополнительные маркеры, кажется, отключены (ниже) примерно на высоту изображения маркера.
На изображении ниже я каждый раз нажимал на одно и то же место.
e - это событие, и каждый раз он возвращает одни и те же координаты. Когда я применил класс CSS, я установил абсолютную позицию без успеха.
setMarkers (e) {
console.log (е);
this.markerLat = e.lngLat.lat;
this.markerLng = e.lngLat.lng;
var el = document.createElement('div');
el.style.backgroundImage = 'url("http://localhost:4200/assets/leaflet/images/marker-icon.png")';
el.style.width = '25px';
el.style.height = '41px';
new mapboxgl.Marker(el)
.setLngLat([this.markerLng, this.markerLat])
.addTo(this.map);
}