写在前面:在项目中本来想直接使用leaflet高亮marker的插件,但由于在项目中同时使用了leaflet聚类插件,导致高亮marker的显示效果与预期有差距,遂直接按照需求,自行定义了高亮marker
鼠标经过marker的时候,高亮目标区域
marker.on({
mouseover: function(e) {
L.regionLayerGeo.eachLayer(function(layer) {
if (layer.feature.properties.Name === item.label) {
// 适用于 `GeoJSON vector layers` ,通过 `setStyle` 方法,修改图层创建时定义的样式
layer.setStyle({ fillOpacity: 0.3 });
}
});
},
mouseout: function(e) {
L.regionLayerGeo.eachLayer(function(layer) {
if (layer.feature.properties.Name === item.label) {
layer.setStyle({ fillOpacity: 0 });
}
});
}
});