我目前正在使用leaflet 库和markerclustergroup 作为其插件为Power BI 开发视觉效果。
当没有对 dataView 上使用的数据执行过滤器时,MarkerClusterGroup 工作得很好。
这是我到目前为止所做的..
// 当有新数据可用时删除集群层。如果(this.centr){
this.clusters.clearLayers();
}
// 这里我创建了我的标记:
this.centr = L.geoJson(centroids,{
pointToLayer: function(feature,geometry){
var marker = new customMarker(geometry,{icon:icon});
marker.value = Population;
marker.name = Name;
return marker;
}
});
// 这里我清除集群,以防它们在应用过滤器的情况下不为空。
if (this.clusters != undefined){
this.clusters.clearLayers();
}
// 这里创建集群
this.clusters = L.markerClusterGroup({
polygonOptions: {
fillColor: "Blue",
color:"black"
},
maxClusterRadius:100,
singleMarkerMode: true,
showCoverageOnHover: true,
iconCreateFunction: function(cluster) {
// Some Code
if (volume == 0){
return L.divIcon({html: '<b> Empty !</b>'});
}
else
return L.divIcon({html: '<b>' + volume + '</b>', iconSize: [47,15]});
}
});
this.clusters.addLayer(this.centr);
this.map.addLayer(this.clusters);
应用此代码,当我过滤某些数据时,我得到了新的集群,但是当我缩小或放大(到集群)时,我得到了这个错误:
Uncaught TypeError: Cannot read property '_leaflet_id' of undefined
at n (<anonymous>:38:536)
at e.removeLayer (<anonymous>:40:805)
at e._hideCoverage (<anonymous>:374:20)
at e.fire (<anonymous>:38:16896)
at e._moveEnd (<anonymous>:39:9725)
at e.<anonymous> (<anonymous>:39:16415)