在Leaflet.js中混合可点击的SVG多边形和divIcon标记的最佳方法是什么?

时间:2014-11-10 16:49:23

标签: svg leaflet geojson pane

我有一张拉入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。这似乎工作得很好,让我问,为什么标记窗格会被设置为视口大小的一半?

0 个答案:

没有答案