Question

我正面临传单的问题。我在地图上有很多标记（在我的情况下，它代表高尔夫球场）。但是，当我放大/缩小时，标记在地图上移动。

浏览Web后，解决方案似乎是iconAnchor属性。就我而言，问题仍然是相同的（我尝试了很多iconAnchor组合），但我看不出问题的根源。

有人可以帮忙吗？

谢谢

（到目前为止，我的代码下面。我正在Ruby on Rails框架中获取信息）

let customIcon = new L.Icon({
    iconUrl: '<%= image_path("map_marker.png") %>',
    iconSize:     [26, 36]
    iconAnchor:   [13, 18]
    popupAnchor:  [0, -28]
});

for(let i = 0; i < gon.golfs.length; i++){
    let marker = L.marker([gon.golfs[i].lat, gon.golfs[i].long], {icon: 
    customIcon}).addTo(mymap);
    marker.bindPopup(gon.golfs[i].name.link("golfs/"+gon.golfs[i].id));
};

Answer 1

您的iconAnchor应该是[13, 36] 首先是iconSize第一个参数的一半，第二个是全尺寸。 Alos确保确保您没有在代码中的某处更改图标的大小

放大/缩小时移动传单标记

1 个答案: