SuperMap、Cesium疊加ArcGIS,高德,谷歌二維,衛星地圖實現二三維地圖切換

先初始化GIS場景:

var viewer = new Cesium.Viewer("cesiumContainer");

1.加載高德二維地圖

//高德二維地圖自帶路網註記
var vec=new Cesium.UrlTemplateImageryProvider({
    url: "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
    minimumLevel: 3,
    maximumLevel: 18
})
viewer.imageryLayers.addImageryProvider(vec);

2.加載高德衛星地圖

//高德影像
var gdsat = new Cesium.UrlTemplateImageryProvider({
	url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
	minimumLevel: 3,
	maximumLevel: 18})
//高德路網中文註記
var gdroadNoLabel = new Cesium.UrlTemplateImageryProvider({
	url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8",
	minimumLevel: 3,
	maximumLevel: 18})
viewer.imageryLayers.addImageryProvider(gdsat);
viewer.imageryLayers.addImageryProvider(gdroadNoLabel);

3.加載ArcGIS二維底圖

//ArcGIS二維底圖(在全國範圍內爲英文註記,等放大的省市區縣則爲中文註記)
var acg2 = new Cesium.ArcGisMapServerImageryProvider({
	url: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"})
viewer.imageryLayers.addImageryProvider(acg2);            

4.加載ArcGIS三維底圖

//ArcGIS衛星圖層
var acg= new Cesium.ArcGisMapServerImageryProvider({
	url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'});
				
//天地圖中文註記(Arc沒有中文的路網數據,所以就加在天地圖的路網數據,只有他倆座標系是一樣的。高德的路網數據座標系有偏移所以不能用。)
var tdd=new Cesium.UrlTemplateImageryProvider({
	url: "http://t1.tianditu.cn/DataServer?T=cia_w&X={x}&Y={y}&L={z}"});
viewer.imageryLayers.addImageryProvider(acg);
viewer.imageryLayers.addImageryProvider(tdd);

5.加載谷歌衛星地圖

//google衛星圖層
var gog=new Cesium.UrlTemplateImageryProvider({
	url:"http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"})
viewer.imageryLayers.addImageryProvider(gog);

注:推薦使用高德的,原因數據更新比較及時,數據準確性比較高。

個人整理的demo:https://download.csdn.net/download/weixin_40717107/10892636

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章