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

Question

我正在使用 MapboxJS 来构建 map 。

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

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

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

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

提前致谢。

梅

Answer 1

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

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

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

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

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

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