3

我有一张包含 GeoJSON 多边形和点的地图。

我使用标准 Leaflet 方法来表示这些,分别创建 SVG 和 html 标记。

想知道:http: //i.imgur.com/GSJSZIc.jpg

SVG = 蓝色,标记 = 绿色。

Leaflet 创建 'panes', div.leaflet-overlay-pane 用于 SVG, div.leaflet-marker-pane 用于标记。传单标记窗格(红色边框)覆盖了一半的视口,并且具有比传单覆盖窗格更高的 z-index,从而使其下方的 SVG 多边形无法点击。

如果我将覆盖窗格的 zindex 设置为小于标记窗格,则所有标记都不可点击,因为覆盖窗格覆盖了整个视口。

我已经阅读了有关 createPane() 的 Leaflet Github 问题中的一些内容,但到目前为止还没有看到它起作用。这应该/会解决这个问题吗?即,将所有标记和 SVG 多边形放在同一个窗格/div 中。

目前我已将标记窗格设置为 1px x 1px。这似乎工作正常,让我问,为什么将标记窗格设置为视口大小的一半?

4

0 回答 0