圖標標記不在中心。 Leaflet 傑

Question

如何使標記圖標居中。 創建后，它會離開單擊的位置，並且也會顯示工具提示屏幕截圖

我的代碼：

L.geoJSON(data,{
          pointToLayer: pointToLayer,
          //...
})

function pointToLayer(feature, latlng) {
    return L.marker(latlng, {icon: leafletIcon(feature)});
}
function leafletIcon(feature){
   if(condition)
     return L.icon({iconUrl: 'images/***.png'});
   else if(condition)
     return L.icon({iconUrl: 'images/***.png'});
}
 

Answer 1

查看您需要定義iconAnchor的 教程

如何找出正確的錨點：

在 latlng 上創建一個默認標記，並使用具有相同 latlng 的自定義圖標創建一個標記。 然后您會看到自定義圖標需要朝哪個方向移動，因為默認標記在 latlng 上正確居中。

var defaultMarker = L.marker([0,0]).addTo(map);
var customMarker  = L.marker([0,0],{icon: L.icon({iconUrl: 'images/***.png', iconAnchor: [-3,9], popupAnchor: [0,0], tooltipAnchor: [0,0]}) }).addTo(map);