《Cesium基础》加载各类地图和高程

991 阅读2分钟

一、加载各类地图服务

1、加载高德地图

待更新

高德瓦片地图下载地址

矢量图(含路网、含注记)

http://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7

矢量图(含路网,不含注记)

http://wprd0{{1,4}}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=7 

影像底图(不含路网,不含注记)

http://wprd0{{1,4}}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=6 

影像底图(不含路网、不含注记)

http://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=6 

影像路网(含路网,含注记)

http://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8

影像路网(含路网,不含注记)

http://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=8

2、加载天地图

let imageryProvider = null;

//矢量底图
imageryProvider = new Cesium.WebMapTileServiceImageryProvider({
    url:
      "http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=" +
      webKey,
    layer: "tdtVecBasicLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible",
    show: false,
});

//影像底图
imageryProvider = new Cesium.WebMapTileServiceImageryProvider({
    url:
      "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=" +
      webKey,
    layer: "tdtBasicLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible",
    show: false,
});

viewer.scene.imageryLayers.addImageryProvider(imageryProvider);

3、加载腾讯地图

待更新

4、加载百度地图

待更新

黄色底图

http://api0.map.bdimg.com/customimage/tile?&x={x}&y={y}&z={z}&udt=20191205&scale=1&ak=5ieMMexWmzB9jivTq6oCRX9j

夜深色地图,蓝色地图

 http://api0.map.bdimg.com/customimage/tile?&x={x}&y={y}&z={z}&udt=20191205&scale=1&ak=5ieMMexWmzB9jivTq6oCRX9j&customid=midnight

5、加载mapbox地图


let imageryProvider = null;

//普通地图
imageryProvider = new Cesium.MapboxStyleImageryProvider({
    // url: 'https://api.mapbox.com/styles/v1/',
    // styleId: 'ckntom98z09ev17p8kbc3ghyc',
    // username: 'dragon8mapbox',
    //   mapId: "mapbox.mapbox-streets-v8",
    styleId: "streets-v11",
    accessToken: webKey,
});

//卫星地图
imageryProvider = new Cesium.MapboxStyleImageryProvider({
    // url: 'https://api.mapbox.com/styles/v1/',
    // styleId: 'ckntom98z09ev17p8kbc3ghyc',
    // username: 'dragon8mapbox',
    //   mapId: "mapbox.mapbox-streets-v8",
    styleId: "satellite-v9",
    accessToken: webKey,
});

//混合地图
imageryProvider = new Cesium.MapboxStyleImageryProvider({
    // url: 'https://api.mapbox.com/styles/v1/',
    // styleId: 'ckntom98z09ev17p8kbc3ghyc',
    // username: 'dragon8mapbox',
    //   mapId: "mapbox.mapbox-streets-v8",
    styleId: "satellite-streets-v11",
    accessToken: webKey,
});

viewer.scene.imageryLayers.addImageryProvider(imageryProvider);
      

6、加载arcgis地图

ChinaOnlineCommunity_Mobile 格式地址:

https://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer/tile/{z}/{y}/{x}

ChinaOnlineCommunityENG 格式地址:

https://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunityENG/MapServer/tile/{z}/{y}/{x}

ChinaOnlineStreetGray 格式地址

https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}

ChinaOnlineStreetPurplishBlue 格式地址

https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{x}/{y}

ChinaOnlineStreetWarm 格式地址

https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWarm/MapServer/tile/{z}/{x}/{y}

7、加载自定义瓦片服务

let imageryProvider = null;

imageryProvider = new Cesium.UrlTemplateImageryProvider({
    // url: "http://10.250.6.9:8080/tiles/shenzhen/{z}/{x}/{y}.png",
    url: "http://127.0.0.1:8080/shenzhen_gaode_dianzi_1_18/{z}/{x}/{y}.png",
    fileExtension: "png",
});

viewer.scene.imageryLayers.addImageryProvider(imageryProvider);

二、加载高程服务

1、使用cesium自带的高程服务

const terrainProvider = Cesium.createWorldTerrain();
viewer.scene.terrainProvider = terrainProvider;

2、加载自定义高程服务

const terrainProvider = new Cesium.CesiumTerrainProvider({
    url: "http://10.250.6.9:8080/dem/shenzhen",
});
scene.terrainProvider = terrainProvider;