IOT-Map-Component
IOT-Map-Component copied to clipboard
Markercluster group: ghost cluster popup
We can see a "ghost" :ghost: cluster popup when hovering the center of the cluster when markers are displayed. Would it be possible to hide it?

Simulated in local mode (to have the latest version of IoT Map Component) with the following Knobs > markersList data:
{
"id": "s1",
"location": {
"lat": 44.895,
"lng": 4.87
},
"template": "square",
"status": "warning",
"tab": {
"content": "H",
"type": 0
},
"shape": {
"type": 1,
"anchored": true,
"plain": false,
"color": "#FFCC00"
},
"layer": "default",
"inner": {
"color": "black"
}
},
{
"id": "s1000",
"location": {
"lat": 44.895,
"lng": 4.87
},
"template": "square",
"status": "warning",
"tab": {
"content": "H",
"type": 0
},
"shape": {
"type": 1,
"anchored": true,
"plain": false,
"color": "#FFCC00"
},
"layer": "default",
"inner": {
"color": "black"
},
"popup": {
"title": "title",
"body": "Lorem ipsum"
}
},
{
"id": "s2000",
"location": {
"lat": 44.895,
"lng": 4.87
},
"template": "square",
"status": "warning",
"tab": {
"content": "H",
"type": 0
},
"shape": {
"type": 1,
"anchored": true,
"plain": false,
"color": "#FFCC00"
},
"layer": "default",
"inner": {
"color": "black"
}
},
We have a quick fix waiting for a correction that seems to work :
.leaflet-marker-icon.iotmap-divicon.leaflet-zoom-animated.leaflet-interactive[style*="opacity: 0.3"] .iotmap-cluster-popup {
display: none;
}
.leaflet-marker-icon.iotmap-divicon.leaflet-zoom-animated.leaflet-interactive[style*="opacity: 0.3"] {
z-index: 70 !important;
}