マーカーはその位置から移動したときに、ズーム/ズームを解除

Question

mapbox-GL-jsのバージョン：0.38.0 NPMのレポを経由して使用して、イオン2.2.11

上のあなたは、私が持っている 、このGIF https://giphy.com/gifs/ionic-angular-mapbox-3ohz6z8ejG5tf64tmo上で見ることができるように4つのマーカー、3つの位置にとどまることはありません、1つだけ良いです。 しかし、それぞれが同じ方法で実装されています

var el = document.createElement('div'); 
el.className = 'marker'; 
el.id = this.id; 
el.style.backgroundImage = 'url(' + type.getImgUrl() + ')'; 
el.style.width = '32px'; 
el.style.height = '32px'; 

// add marker to map 
new mapboxgl.Marker(el, {offset: [-16,-16]}) 
.setLngLat(this.getlngLat()) 
.addTo(this.map); 

私は、ドキュメントからそれを取った： https://www.mapbox.com/mapbox-gl-js/example/custom-marker-icons/

を、彼らはそれを行う理由は、だから私は理解していません。

ご協力いただきありがとうございます。

Answer 1

マーカーを検査する場合は、position：absoluteが必要です。 mapbox-gl repoには、このまわりにdocumented issuesがあります。一般的な原因は、インクルードされたマップボックススタイルファイルを間違ってインポートするか、まったく含まないことです。マーカdisplayスタイリングをオーバーライドします。