I hope you can guide me in a direction for troubleshooting.
We have a running LibreNMS, where this wasn’t an issue until a few month ago.
Our most used dashboards have multiple Worldmap widgets.
Problem is that only one of the widgets are loading and showing contents when dashboard loads.
Remaining widgets/maps are blank/empty for up to 45 second, and then they load alright.
This happens in Chrome/IE/Edge/FF.
VM6247:5 Uncaught Error: Map container is already initialized.
at e._initContainer (<anonymous>:5:40678)
at e.initialize (<anonymous>:5:29595)
at new e (<anonymous>:5:14732)
at Object.t.map (<anonymous>:5:140239)
at Array.<anonymous> (<anonymous>:10:21)
at Object.success (librenms.js?ver=05072021:242)
at c (jquery.min.js?ver=05072021:2)
at Object.fireWith [as resolveWith] (jquery.min.js?ver=05072021:2)
at l (jquery.min.js?ver=05072021:2)
at XMLHttpRequest.<anonymous> (jquery.min.js?ver=05072021:2)
A deluge of forum posts for leaflet indicate to check for and null the _leaflet_id before initialising a map - in this case, confirmed to work prior to map initialisation:
When I try this it complains that the map element is not the child of the widget wrapper and I can’t get it to work and it’s likely involving gridster/tiles and leaflet now.
For me, having the maps display is more important that having to wait 60 seconds to drag them around, though I can see people using a single map getting confused when the map won’t initially drag if I PR the above and were to break the interface in that way.
Would appreciate a DOM/JS/Leaflet expert to add their opinion! I’ve done some really stupid things with jQuery in my time, but beyond that it’s just embarrassing watching me try javascript