Tenemos un mapa de folleto que contiene marcadores y algunos de ellos tienen la misma ubicación:
<!DOCTYPE html> <style> html, body { margin: 0px; height: 100%;} body { display: flex; } </style> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/> <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script> <div id="mapid" style="flex: 1"></div> <script>var myMap = L.map("mapid"); L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', {attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',}).addTo(myMap); myMap.setView([51.5, -0.09], 10); L.marker([51.5, -0.09]).bindPopup("text for combined pop up").addTo(myMap); L.marker([51.5, -0.09]).bindPopup("more text for combined pop up").addTo(myMap); L.marker([51.5, -0.4]).bindPopup("single popup").addTo(myMap); </script> </html> Nos gustaría que los marcadores de la misma ubicación se combinaran en un solo marcador con la información sobre herramientas como la información sobre herramientas combinada de ambos (p. ej. "text for combined pop up<br>more text for combined pop up" ).
La única forma que hemos encontrado para abordar varias ventanas emergentes de la misma ubicación es con Leaflet Markercluster , pero esto solo agrupa los marcadores que se muestran muy cerca unos de otros. No queremos grupos de múltiples marcadores, sino un marcador con una información sobre herramientas que contenga el contenido de la información sobre herramientas de múltiples marcadores solo si sus ubicaciones coinciden exactamente.
No podemos encontrar ninguna solución para esto en ninguna parte y nos preguntamos si estamos pasando por alto algo o si Markercluster se puede configurar para hacer esto de alguna manera. ¿Tenemos alguna opción? ¿Sería esto mejor abordado por un JS más avanzado en la creación de los marcadores en sí?