javascript - Leaflet::根据缩放级别更改图标

Question

如何根据传单缩放级别更改图标高度和宽度？

我正在使用 Leaflet api v0.7.5

Answer 1

将L.Marker.setIcon方法与 map 的zoomend事件一起使用，即:

var marker = L.marker(…).addTo(map);
var bigIcon = L.icon(…);
var smallIcon = L.icon(…);

map.on('zoomend', function(ev){
  if (map.getZoom() > 16) {
    marker.setIcon(bigIcon);
  } else {
    marker.setIcon(smallIcon);
  }
})

另请注意，Leaflet 0.7.5 已弃用。我们鼓励您切换到 1.0.0-rc3(这是撰写本文时可用的最新版本)。