我有一张拉入GeoJSON多边形和点的地图。
我使用标准的Leaflet方法分别创建SVG和html标记。
想出一个主意:http://i.imgur.com/GSJSZIc.jpg
SVG =蓝色,标记=绿色。
Leaflet为SVG创建'panes',div.leaflet-overlay-pane,为标记创建div.leaflet-marker-pane。小叶标记窗格(以红色为边框)覆盖视口的一半,并且具有比小叶覆盖窗格更高的z索引,从而使其下面的SVG多边形不可点击。
如果我将叠加窗格的zindex设置为小于标记窗格,则所有标记都不可点击,因为叠加窗格覆盖整个视图端口。
我已经阅读了关于createPane()的Leaflet Github问题中的一些内容,但到目前为止还没有看到它有效。应该/这会解决这个问题吗?即,在同一窗格/ div中puy所有标记和SVG多边形。
目前我已将标记窗格设置为1px x 1px。这似乎工作得很好,让我问,为什么标记窗格会被设置为视口大小的一半?