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

Question

如何更改图标高度＆amp;基于Leaflet缩放级别的宽度？

我使用的是Leaflet api v0.7.5

Answer 1

将L.Marker.setIcon方法与地图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（这是撰写本文时的最新版本）。