Olá a todos
Estou desenvolvendo uma aplicação web onde uso camadas publicadas em um servidor ArcGIS como camada base. Estou enfrentando alguns problemas com `esri-leaflet` ao usar TiledMapLayer e DynamicMapLayer.
Aqui estão os problemas que estou enfrentando:
1. DynamicMapLayer: Esta versão carrega muito lentamente, o que degrada significativamente a experiência do usuário.
2. TiledMapLayer: Com esta versão, encontro um problema ao trocar a camada base pela segunda vez. Especificamente, os tiles da camada anterior não são completamente apagados, levando a uma sobreposição visual.
Se alguém tiver experiência com esses problemas, eu agradeceria muito sua contribuição!
import L from "leaflet";
import { tiledMapLayer, dynamicMapLayer } from "esri-leaflet";
import "leaflet/dist/leaflet.css";
document.addEventListener("DOMContentLoaded", () => {
// VERSÃO 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",
});
// VERSÃO 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);
});
