javascript - 使用 Mapbox/LeafletJS 显示和隐藏标记组

标签 javascript leaflet mapbox

我正在使用 MapboxJS 来构建 map 。

我目前给它一个包含所有标记的 geoJson 对象,这些标记显示没有问题。

由于每个点都有一个类别,我想添加一个带有每个类别复选框的控制层,以便用户可以显示/隐藏每个类别。

我尝试将每个标记单独加载到图层中,但出现了 map 框错误。

我应该如何处理这个问题?

提前致谢。

最佳答案

最后我还是自己写了一些东西。

我创建了一个全局变量来保存我想要使用的类别,并向 geoJson 对象添加了一个类别属性。我还有一个用于所有标记的全局。

然后我使用 L.control 添加一个 div,wnd 循环遍历类别以创建复选框。

我向这些输入添加了一个事件监听器,该事件监听器循环遍历每个标记,并根据复选框的值在 map 中添加或删除它们(每个标记是一个图层)。

详细信息请参阅博文 http://meigwilym.com/custom-marker-controls-with-mapbox-and-leafletjs/

我不知道这是否是最好的方法,但这是我唯一可以做的事情。

关于javascript - 使用 Mapbox/LeafletJS 显示和隐藏标记组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16532823/

相关文章:

javascript - 未捕获的类型错误 : Cannot read property 'addLayer' of undefined - leaflet

android - 如何在 Android 的本地代码中构建 Mapbox GL Native

javascript - 使用 SVG 在 CSS 中制作自定义图标

Javascript,仅加载存在的图像

javascript - 检测我正在使用哪种类型的 d3 秤

javascript - 编辑 "prefers-color-scheme"值以强制使用暗模式

javascript - 使传单上的叠加 div 无法点击

javascript - 如何防止 dynamicMapLayer 在每次缩放或平移 map 时刷新?

javascript - 在javascript中根据条件将标题设置为图像

javascript - 使用 mapbox 定义基于 geojson 的多边形填充颜色