Tengo este javascript que puede colocar un mapa en una página html de la siguiente manera:
simple.html:
<body onload="loadMap({{% coordinates %}})"> <div id="map"></div> </body>js:
function setupMap(coordinates){ var map = new L.Map('map', { zoomControl: false, center: [40, 0], zoom: 3 }); var layer = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: 'OSM' }).addTo(map); map.addLayer(layer) } function loadMap(coordinates) { window.onload = setupMap(coordinates); }Mi pregunta es si puedo usar esta función para configurar el mapa en un div, en lugar del cuerpo. Si no es posible, ¿qué debo cambiar para apuntar a un div, no a la ventana?
En mi caso, quiero abrir el mapa cuando se hace clic en un botón y aparece el modal donde quiero colocar el mapa.
deseado.html:
<button id="modal-map-open" class='modal-toggle' onclick="loadMap({{coordinates}})"><i class="fa fa-map"></i></button> <div id="open-map-class" class='modal' style="width: 1000px;"> <div id="map"></div> <button id="modal-map" onclick="closeMap()" class='modal-toggle modal-button'>×</button> </div>