I'm working on a map using Leaflet.js that uses a number of markers (eventually there will be ~40 markers). Each marker has a related popup with details. The default behaviour of Leaflet.js seems to be to automatically open at least one marker's popup (the last listed marker, I believe).
I'd like all the popups to be closed on the initial loading of the map page so users have to click the markers to open the popups. Does anyone know how to do this?
map.closePopup();
did not work for me as and closed the most recent popup not all.
Generalization of what user2304819 suggested:
var ButtonremoveNotidfications = L.easyButton({
id: 'ButtonremoveNotidfications',
states: [{
stateName: 'Show',
icon: '<strong>Clear notifications</strong>',
title: 'Show',
onClick: function (btn) { //Below is the closing module
var aa = $(".leaflet-popup-close-button").length
if (aa > 0) {
for (var i = 0; i < aa; i++) {
$(".leaflet-popup-close-button")[i].click();
}
}
}
}]
});
ButtonremoveNotidfications.button.style.width = widthbuttonstyle;
ButtonremoveNotidfications.button.style.height = heightbuttonstyle;
ButtonremoveNotidfications.button.style.color = 'blue';
ButtonremoveNotidfications.addTo(map);