Bonjour à tous
Je développe une application web où j'utilise des couches publiées sur un serveur ArcGIS comme couche de base. Je rencontre certains problèmes avec `esri-leaflet` lors de l'utilisation de TiledMapLayer et DynamicMapLayer.
Voici les problèmes auxquels je fais face :
1. DynamicMapLayer : Cette version se charge très lentement, ce qui dégrade considérablement l'expérience utilisateur.
2. TiledMapLayer : Avec cette version, je rencontre un problème lors du changement de la couche de base pour la deuxième fois. Plus précisément, les tuiles de la couche précédente ne sont pas complètement effacées, ce qui entraîne un chevauchement visuel.
Si quelqu'un a de l'expérience avec ces problèmes, j'apprécierais beaucoup votre aide !
import L from "leaflet";
import { tiledMapLayer, dynamicMapLayer } from "esri-leaflet";
import "leaflet/dist/leaflet.css";
document.addEventListener("DOMContentLoaded", () => {
// VERSION 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",
});
// VERSION 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);
});
