2016-09-26 649 views
0

如何根據Leaflet縮放級別改變圖標高度&寬度?Leaflet ::根據縮放級別改變圖標

我使用單張API v0.7.5

+0

Stackoverflow鼓勵在自己的第一個和後期代碼嘗試它,如果它不起作用。 – mm759

+0

我認爲在每個縮放級別中,您可以用不同的高度和寬度替換標記 –

+0

https://www.google.com/search?q=change+icon+zoom+level+leaflet&ie=utf-8&oe=utf-8 – YaFred

回答

2

使用與地圖的zoomend事件L.Marker.setIcon方法一起,即:

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); 
    } 
}) 

另外,請注意單張0.7.5已被棄用。鼓勵您切換到1.0.0-rc3(這是撰寫本文時的最新版本)。