Brochure JS - changer de forme esri dans marqueur certain niveau de zoom

Question

J'utilise leaflet.shapefile plugin avec Leaflet JS, et je suis en train de changer la forme/polygone esri en icônes de marqueurs normaux en fonction d'un certain niveau de zoom

le plugin me permet de télécharger un fichier zip sur notre serveur web, qui est traité par le plug-in et ajouté une couche dans Dépliant JS

var properties = new L.Shapefile('data/Test.zip', { style: propertyStyle, onEachFeature: propertyOnEachFeature }) 

Ce que je voudrais ensuite atteindre: lorsque l'utilisateur zoomé en forme de polygone est visible, cependant lorsque l'utilisateur zoome dessus zoomlevel 10, il devrait afficher un marqueur à la place, comme les esri s hape/polygones sont très petits et presque pas visibles.

Le zoom et une partie a été fait facilement avec:

map.on('zoomend', function() { 
    if (map.getZoom() <10){ 
     if (map.hasLayer(properties)) { 
      map.removeLayer(properties); 
     } else { 
      console.log("no property layer active"); 
     } 
    } 
    if (map.getZoom() >= 10){ 
     if (map.hasLayer(properties)){ 
      console.log("property layer already added"); 
     } else { 
      map.addLayer(properties); 
     } 
    } 
} 

Cependant, je ne sais pas comment changer le L.ShapeFile à un L.Marker ou ce que la bonne approche serait.
Merci pour l'aide et les conseils.

MISE À JOUR

La réponse « IvanSanchez » m'a fourni était exactement ce que je cherchais. Avec ce plugin simple « Leaflet.Deflate » Je suis en mesure de convertir simplement toute forme, polygone, cercle ou à un marqueur et il a suffi d'inclure les js de plug-in et une doublure:

L.Deflate({minSize: 20}).addTo(map); 

Answer 1

Voir la Leaflet.Deflate plugin.