0
250
Vistas¿Por qué mi mapa Leaflet centra el punto de su esquina inferior izquierda?
Tengo un mapa de folletos en mi sitio web con marcadores. Sin embargo, no puedo centrarlo bien en París. Este código funciona:
map.setView([lat,lng],zoom);El mapa muestra París como se supone, pero el punto que elegí no está en el medio de mi mapa. El mapa está centrado en su esquina inferior izquierda.
¿Alguien sabe cómo centrar el punto en el medio de mi mapa?
Gracias
Editar: código completo
var map = L.map('map', { scrollWheelZoom: false }) map.setView(<?php echo "[".$latVille.", ".$lngVille."], ".$zoomVille;?>); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { attribution: 'Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', maxZoom: 18, id: 'mapbox/streets-v8', tileSize: 512, zoomOffset: -1, accessToken: '' }).addTo(map); Array.from($(".js-marker")).forEach((item) => { let marker = L.popup({ autoClose: false, closeOnEsacapeKey: false, closeOnClick: false, closeButton: false, className: 'marker', maxWidth: 300 }) .setLatLng([item.dataset.lat,item.dataset.lng]) .setContent(item.dataset.prix+' €') .openOn(map);}) Resultado :
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Si está agregando marcadores, puede ser por eso, configure la vista después de agregar los marcadores, pero es difícil saberlo sin el código.
Lo uso para los mosaicos y este código se centrará en el punto.
L.mapbox.accessToken = 'Your token'; var map = L.mapbox.map('map') .setView([52.462610, -1.588580], 14) .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'));
·
Juan Pablo Isaza
Denunciar
0
No estoy seguro de si es la mejor manera de hacerlo, pero usé setView después de configurar los marcadores y ¡funciona!
·
Juan Pablo Isaza
Denunciar
Responde la pregunta