Ahoj všichni
Vyvíjím webovou aplikaci, kde používám vrstvy publikované na ArcGIS serveru jako základní vrstvu. Setkávám se s některými problémy s `esri-leaflet` při použití TiledMapLayer a DynamicMapLayer.
Zde jsou problémy, kterým čelím:
1. DynamicMapLayer: Tato verze se načítá velmi pomalu, což výrazně zhoršuje uživatelský zážitek.
2. TiledMapLayer: U této verze narazím na problém při změně základní vrstvy podruhé. Konkrétně dlaždice z předchozí vrstvy nejsou úplně odstraněny, což vede k vizuálnímu překrytí.
Pokud má někdo zkušenosti s těmito problémy, velmi bych ocenil vaše rady!
import L from "leaflet";
import { tiledMapLayer, dynamicMapLayer } from "esri-leaflet";
import "leaflet/dist/leaflet.css";
document.addEventListener("DOMContentLoaded", () => {
// VERZE 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",
});
// VERZE 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);
});