526互联

ArcGIS for javascript 加载天地图瓦片

发布时间 2023-08-29 16:23:12作者: xustch

ArcGIS for javascript（4.27）加载天地图瓦片

import Map from "@arcgis/core/Map";
import MapView from '@arcgis/core/views/MapView';
import WebTileLayer from '@arcgis/core/layers/WebTileLayer';

const vecLayer = new WebTileLayer('http://{subDomain}.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={col}&TILEROW={row}&TILEMATRIX={level}&tk=天地图token',{
    subDomains: ['t0','t1','t2','t3','t4','t5','t6','t7']
})
const cvaLayer = new WebTileLayer('http://{subDomain}.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={col}&TILEROW={row}&TILEMATRIX={level}&tk=天地图token',{
    subDomains: ['t0','t1','t2','t3','t4','t5','t6','t7']
})

const imgLayer = new WebTileLayer('http://{subDomain}.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={col}&TILEROW={row}&TILEMATRIX={level}&tk=天地图token',{
    subDomains: ['t0','t1','t2','t3','t4','t5','t6','t7']
})

const ciaLayer = new WebTileLayer('http://{subDomain}.tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={col}&TILEROW={row}&TILEMATRIX={level}&tk=天地图token',{
    subDomains: ['t0','t1','t2','t3','t4','t5','t6','t7']
})

const map = new Map({
    logo: false,
    slider: false
});
map.addMany([imgLayer, ciaLayer]);

const view = new MapView({
    map: map,
    center: [118.93, 34.62], // Longitude, latitude
    zoom: 13, // Zoom level
    container: "map",
    ui:{
        components: [],
    },
    constraints: {
        minZoom: 3,
        maxZoom: 18,
    }
});