addMarkerCluster: function () {
// 实例化markerCluster
let markers = L.markerClusterGroup({
spiderfyOnMaxZoom: false,
showCoverageOnHover: false,
zoomToBoundsOnClick: false
});
// 向markerCluster上添加景点数据
this.featuresQueryResult.features.forEach((feature) => {
// 获取景点的经纬度坐标
let latLng = L.latLng(feature.geometry.coordinates[1], feature.geometry.coordinates[0]);
// 获取景点的级别
let levelType = feature.properties.等级;
// 构建marker标记
let marker = L.marker(latLng);
// 给每个景点标记添加级别信息
marker.levelText = levelType;
markers.addLayer(marker);
});
// 将点聚合图层叠加到底图上
markers.addTo(this.map);
this.markerClusterList.push(markers);
// 为聚合点添加鼠标移入事件
markers.on('clustermouseover', (event) => {
this.childMarkers = event.layer.getAllChildMarkers();
});
// 为聚合点添加鼠标移出事件
markers.on('clustermouseout', (event) => {
// 鼠标移出聚合点时将该数组清空
this.childMarkers = [];
});
},
鼠标移入集群上时会触发clustermouseover事件,如何在这个事件触发时在集群上弹出一个popup弹窗,弹窗中展示我的另一个组件?
我在on事件内部使用event.layer.openPopups();报错,显示没有这个方法,但是openPopups点击进去是有源码的啊?
麻烦您帮忙解决一下!