es trabajo en un mapa en línea de folletos como este
<script> import L from 'leaflet'; export default { mounted() { var map = L.map('map').setView([25.042474, 121.513729], 13); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 13, minZoom:2 }).addTo(map); }, }; </script>cuando trato de hacer mosaicos de mapas localmente, no aparece nada en html (usando MobileAtlasCreator para hacer mosaicos de mapas)
<script> import L from 'leaflet'; export default { mounted() { var map = L.map('map').setView([25.042474, 121.513729], 13); L.tileLayer('./img/mapTiles/{z}/{x}/{y}.png', { maxZoom: 13, minZoom:2 }).addTo(map); }, }; </script>esta es mi referencia a continuación
Mapa sin conexión HTML con mosaicos locales a través de un folleto
https://www.youtube.com/watch?v=oP4bCLtXIeY
muchas gracias
Dado que planea trabajar (o usarlo después) en un entorno local, eliminaría el fragmento de importación del código. Está montado, lo entiendo; pero solo trabaje localmente, después de descargar esos mosaicos. Póngalos en una carpeta y cárguelos usando el código que tiene. ¡Tu código está bien! Aquí está mi ejemplo:
var m = {x: 41.892594, y: 12.484371}; var SELF_Map = L.tileLayer('empire/{z}/{x}/{y}.jpg', { //attribution: 'none', continuousWorld: false, minZoom: 4, maxZoom: 10, tap: false }).addTo(map); map.setView({lat: mx, lng: my}, 6);Funcionó para mí cada vez. Obtengo las imágenes de mi proveedor de mapas favorito, las descargo y las almaceno en una carpeta, en este caso, una carpeta llamada "empire".