Hallo zusammen
Ich entwickle eine Webanwendung, in der ich Layer verwende, die auf einem ArcGIS-Server als Basiskarte veröffentlicht sind. Ich stoße auf einige Probleme mit `esri-leaflet`, wenn ich TiledMapLayer und DynamicMapLayer verwende.
Hier sind die Probleme, mit denen ich konfrontiert bin:
1. DynamicMapLayer: Diese Version lädt sehr langsam, was die Benutzererfahrung erheblich verschlechtert.
2. TiledMapLayer: Bei dieser Version tritt ein Problem auf, wenn die Basiskarte zum zweiten Mal gewechselt wird. Genauer gesagt werden die Kacheln der vorherigen Ebene nicht vollständig gelöscht, was zu einer visuellen Überlappung führt.
Falls jemand Erfahrung mit diesen Problemen hat, würde ich mich sehr über eure Rückmeldungen freuen!
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);
});
