Estoy tratando de ocultar los marcadores detrás de mi grupo y solo mostrarlos cuando se hace clic en el marcador.

Así es como aparece:

Sin embargo, cuando hago clic en el clúster y salgo, vuelve a tener el aspecto que debería tener (segunda foto)

(Así es como quiero que se vea originalmente)

Este es mi código:

 var markers = new L.MarkerClusterGroup(); markers.addLayer(L.marker([currentLatitude, currentLongitude], { icon: populationIcon }).addTo(mymap).bindPopup( `The population of ${thisCountry.countryName} is ${thisCountry.countryPopulation}.`)); markers.addLayer(capitalMarker = L.marker([currentLatitude, currentLongitude], { icon: cityIcon }).addTo(mymap).bindPopup( `The capital city of ${thisCountry.countryName} is ${thisCountry.countryCapital}.`)); markers.addLayer(carMarker = L.marker([currentLatitude, currentLongitude], { icon: carIcon }).addTo(mymap).bindPopup( `They drive on the ${thisCountry.carSide} of the road in ${thisCountry.countryName}.`)); //add cluster to map mymap.addLayer(markers);