javascript - 在放大时重置 Leaflet Map Choropleth 并在缩小时将其放回

Question

不确定是否有人熟悉传单网站上的这张传单 map : http://leafletjs.com/examples/choropleth.html
这是一张非常酷的 map ，仅此而已。有没有办法让 choropleth 在一定的缩放级别上消失？我知道您可以使用 map.getZoom() 来检测缩放级别。本质上，我试图在函数 getColor(d) 中重置在页面加载时调用的样式。
不知道如何。有什么想法吗？

提前致谢。

Answer 1

L.geoJson(statesData) 使用 removeLayer 方法返回一个对象。如果将该对象传递给一个变量(让我们称之为数据)并在 zoomend 上调用匿名函数，您可以使用 map.getZoom() 捕获 map 的缩放级别，您可以将它匹配到任意缩放级别，然后调用 data.removeLayer()。

如果您在浏览器中打开开发工具(又名您的网络检查器)并将以下行输入到您的 JavaScript 控制台，您将能够看到更多在您放大和缩小 map 时触发的方法和信息.

map.on('zoomend', function(e) { console.log(e); })