Resulta que para agregar marcadores a este mapa se utiliza: L.marker(["+latitud+","+longitud+"]).addTo(map).bindPopup('"+titulo+"');
entonces si escribo manualmente esta linea varias veces en el javascript cambiando yo mismo los valores, si aparecen varios marcadores en el mapa.
pero sucede que al momento de querer automatizarlo para que vaya agregando marcadores solo he logrado que o remplace el mismo marcador, o que el primer marcador lo marca pero al agregar mas valores no aparece ningun marcador
se les ocurre alguna solucion o alternativa?
Aqui el codigo JavaScript:
var osmUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
osmAttrib = '© <a href="http://adamix.net">Amadis Suarez</a> contributors',
osm = L.tileLayer(osmUrl, {maxZoom: 20, attribution: osmAttrib});
var map = L.map('divMap').setView([19,-71.2132746], 7).addLayer(osm);
var latitud = localStorage.getItem("Latitud");
var longitud = localStorage.getItem("Longitud");
var titulo = localStorage.getItem("Titulo");
var cont = localStorage.getItem("contador");
document.write("<script>");
for (i = 0; i < cont; i++) {
document.write(localStorage.getItem("Marcador"));
}
document.write("</script>");
Aqui el codigo html:
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
</head>
<body>
<h1 class="titulo-mapa">Mapa</h1>
<div class="container d-flex justify-content-center">
<div id="divMap" class="map map-home" style="margin:12px 0 12px 0;width:650px;height:450px;"></div>
</div>
<script src="js\mapa.js"></script>
</body>
</html>
Gracias de antemano!