Actualmente estoy implementando un mapa de folletos que sirve datos de mapas de nuestro propio servidor OSM.
Durante la implementación noté que los detalles en los mapas no son claramente visibles. Los nombres de las calles no están claros y los senderos para caminar no se destacan.
Actualmente admitimos un nivel de zoom de 17. Sin embargo, los mosaicos recibidos son de alta calidad y muestran mucho más detalle que el folleto. Si me acerco más, los mosaicos lamentablemente se vuelven grises.
Una implementación con OpenLayers parece más clara.
¿Hay alguna configuración que resuelva esto o que le permita hacer zoom sin mostrar mosaicos grises? Pensé que esto era maxNativeZoom , pero si pongo este campo en 17, todavía intenta mostrar mosaicos de nivel 18 de zoom.
const osmLayer = new L.TileLayer(osmUrl, { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }); const element = elemId[0].className + "-" + mapId; const map = new L.Map(element, { maxZoom: 22, maxNativeZoom: 17, minZoom: 9 }); map.addLayer(osmLayer); return map;Acabo de mover la configuración de zoom a tileLayer y parece funcionar. Los ajustes son propiedades de la capa de mosaico:
const osmLayer = new L.TileLayer(osmUrl, { maxZoom: 20, maxNativeZoom: 17, minZoom: 9, attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }); const element = elemId[0].className + "-" + mapId; const map = new L.Map(element); map.addLayer(osmLayer); return map;