2016-04-13 10 views
2

Mit Leaflet und leaflet.label, wie kann ich Beschriftungen der Ebene "my_layer" hinzufügen, wenn der Zoom der Karte größer als 10 ist? Und entfernen Sie Etiketten, wenn der Zoom < = 10? Vielen Dank !Hinzufügen und Entfernen von Merkzettel-Etiketten einer Geojson-Ebene

// ADD GEOJSON LAYER 
my_layer = L.geoJson(data, { 
    onEachFeature: onEachFeature   
    } 
}).addTo(map); 

// ZOOM OPTION 
map.on('zoomend', function() { 
    if (map.getZoom() > 10) { 
     // ???  
    } 
    if (map.getZoom() <= 10) { 
     // ???  
    } 
}); 

Antwort

1

Ich denke, es gibt bessere Lösungen, aber wenn es keine anderen Labels gibt, würde ich display: none auf dem Leaflet Popup Pane verwenden. Mit jQuery:

map.on('zoomend', function() { 
    if (map.getZoom() > 10) { 
     $('.leaflet-popup-pane).show(); 
    } 
    if (map.getZoom() <= 10) { 
     $('.leaflet-popup-pane).hide();  
    } 
}); 
Verwandte Themen