Hola a todos
Estoy desarrollando una aplicación web donde uso capas publicadas en un servidor ArcGIS como capa base. Estoy encontrando algunos problemas con `esri-leaflet` al usar TiledMapLayer y DynamicMapLayer.
Aquí están los problemas que enfrento:
1. DynamicMapLayer: Esta versión carga muy lentamente, lo que degrada significativamente la experiencia del usuario.
2. TiledMapLayer: Con esta versión, encuentro un problema al cambiar la capa base por segunda vez. Específicamente, las teselas de la capa anterior no se borran completamente, lo que lleva a una superposición visual.
Si alguien tiene experiencia con estos problemas, ¡agradecería mucho su opinión!
import L from "leaflet";
import { tiledMapLayer, dynamicMapLayer } from "esri-leaflet";
import "leaflet/dist/leaflet.css";
document.addEventListener("DOMContentLoaded", () => {
// VERSIÓN 1
var topo = dynamicMapLayer({
url: "https://geodata.npolar.no/arcgis/rest/services/Basisdata/NP_Basiskart_Svalbard_WMTS_3857/MapServer",
});
var ortho = dynamicMapLayer({
url: "https://geodata.npolar.no/arcgis/rest/services/Basisdata/NP_Ortofoto_Svalbard_WMTS_3857/MapServer",
});
// VERSIÓN 2
// var topo = tiledMapLayer({
// url: "https://geodata.npolar.no/arcgis/rest/services/Basisdata/NP_Basiskart_Svalbard_WMTS_3857/MapServer",
// });
// var ortho = tiledMapLayer({
// url: "https://geodata.npolar.no/arcgis/rest/services/Basisdata/NP_Ortofoto_Svalbard_WMTS_3857/MapServer",
// });
var baseMaps = {
Img: ortho,
Topo: topo,
};
var overlayMaps = {};
var map = L.map("map", {
center: [78.2, 15.6],
zoom: 10,
layers: [ortho],
});
var layerControl = L.control.layers(baseMaps, overlayMaps).addTo(map);
});
