Hallo iedereen
Ik ontwikkel een webapplicatie waarbij ik lagen gebruik die zijn gepubliceerd op een ArcGIS-server als de basislaag. Ik ondervind enkele problemen met `esri-leaflet` bij het gebruik van TiledMapLayer en DynamicMapLayer.
Hier zijn de problemen waar ik tegenaan loop:
1. DynamicMapLayer: Deze versie laadt erg traag, wat de gebruikerservaring aanzienlijk verslechtert.
2. TiledMapLayer: Bij deze versie krijg ik een probleem wanneer ik de basislaag voor de tweede keer verander. Specifiek worden de tegels van de vorige laag niet volledig verwijderd, wat leidt tot een visuele overlap.
Als iemand ervaring heeft met deze problemen, zou ik uw input zeer op prijs stellen!
import L from "leaflet";
import { tiledMapLayer, dynamicMapLayer } from "esri-leaflet";
import "leaflet/dist/leaflet.css";
document.addEventListener("DOMContentLoaded", () => {
// VERSIE 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",
});
// VERSIE 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);
});
