Leaflet :: Ändern des Symbols auf der Grundlage der Zoomstufe

Question

Wie gehe ich beim Ändern einer Symbolhöhe vor? & Breite basierend auf Leaflet Zoom Level?

Ich verwende Leaflet api v0.7.5

Answer 1

Verwenden Sie die L.Marker.setIcon Methode zusammen mit der zoomend Veranstaltung Karte, d.h .:

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

Beachten Sie auch, dass Prospekt 0.7.5 veraltet. Es wird empfohlen, zu 1.0.0-rc3 zu wechseln (das ist das neueste, das zum Zeitpunkt des Schreibens verfügbar war).