1

我的地图上有多个图层，每个图层对应于某个符号（一个 Mapbox 图标）并包含带有该符号的所有标记。我希望每个标记都可以通过自己的弹出窗口进行点击。但是，只有最后添加的图层允许用户单击这些标记并查看弹出窗口，而之前的图层被覆盖，因此这些图层中的标记不可单击。

这是 JS Fiddle（大部分代码来自网站上的两个示例，我正在尝试将它们组合在一起）

https://jsfiddle.net/wy5rdwzz/

我需要这行代码能够通过切换列表来过滤标记，并且我需要每个标记都是可点击的。

"filter": ["==", "marker-symbol", symbol]

我将如何使所有标记都可以访问（以便可以单击它们并显示一个弹出窗口），而不仅仅是最后一层中添加的标记？

另外，如果每个标记都有自己的图层，您将如何在相应标记旁边显示每个标记的名称？

4

1 回答 1

4

问题是您从未存储过您的图层 ID。每次添加图层时，都会layerID用最新的 id 覆盖。因此，当您创建 onclick 和 mousemove 侦听器时，您只是将这些侦听器添加到最近的层：{ layers: [layerID] }.

我已经编辑了你的 jsfiddle (这里) 以在每次添加层时将每个层 id 推送到一个数组中：{ layers: layerIdCollection }。

如果您有任何问题，请告诉我：）

于 2016-06-06T20:26:30.233 回答