javascript - 放大时重置单张 map 等值线,缩小时将其放回原处

标签 javascript leaflet

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

提前致谢。

最佳答案

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

如果您在浏览器中打开开发工具(也称为 Web 检查器)并将以下行输入 JavaScript 控制台,您将能够看到每当您放大和缩小 map 时都会触发的更多方法和信息.

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

关于javascript - 放大时重置单张 map 等值线,缩小时将其放回原处,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20434120/

相关文章:

javascript - 为什么使用集群时单击事件上的传单标记不起作用?

javascript - ionic /Angular 传单指令 - 放大/缩小按钮不起作用

javascript - 如何在多个 Vue 应用程序之间共享一个 token

javascript - HTTP 函数返回初始数组值

javascript - 为什么在别处点击鼠标会触发onmousedown?

javascript - 将 var 添加在一起

javascript - 检查对象的递归方法

r - 在 Shiny 应用程序的 map 中仅选择一个状态

javascript - 如何更改 Leaflet 弹出窗口的背景颜色?

r - 在 R shiny 和 leaflet 中过滤和选择点