leaflet 鼠标移动到图层时变_leaflet中的事件穿透

在总结方法之前，先总结一下问题。

用过leaflet的人都知道，leaflet中有这样一个方法：

L.geoJSON(data, {

style:function(feature) {return{color: feature.properties.color};

}

}).bindPopup(function(layer) {returnlayer.feature.properties.description;

}).addTo(map);

这个方法可以将封装好的GeoJson直接转化为FeatureGroup，非常方便。

GeoJson 的 featureType 有多种，这里拿 Point 和 Polygon 两类来举例说明，它们在 leaflet 中是两个代表。Point 类型的 geojson 数据在转化为地图图层的渲染方式是 marker，本质上是 div，也就是说，如果你的 geojson 里有 1 万条数据，那它就会在地图上创建 1 万个 div，很恐怖有木有，事实上也是不可取，因为一口气创建一万个 div 还是带来了很大的工作量，一般配置的电脑上运行这样的页面会卡出翔；再说 Polygon 多边形类型，Polygon  类型的 geojson 数据在转化为地图图层的渲染方式是 Canvas，这与 marker 有本质上的区别，即使你的 geojson 里有 1 万条数据，它也只会在其所在的 Pane 上创建 1 个 Canvas标签，页面地图流畅程度丝毫不受影响。

说到这里，其实离本文的问题已经跑远了，但说这些也是为了更好的理解这个问题或者说现象。div 是有层级关系(zIndex)的，而