700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > SuperMap Cesium叠加ArcGIS 高德 谷歌二维 卫星地图实现二三维地图切换

SuperMap Cesium叠加ArcGIS 高德 谷歌二维 卫星地图实现二三维地图切换

时间:2021-08-20 05:49:21

相关推荐

SuperMap Cesium叠加ArcGIS 高德 谷歌二维 卫星地图实现二三维地图切换

先初始化GIS场景:

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

1.加载高德二维地图

//高德二维地图自带路网注记var vec=new Cesium.UrlTemplateImageryProvider({url: "http://webrd02./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./appmaptile?style=6&x={x}&y={y}&z={z}",minimumLevel: 3,maximumLevel: 18})//高德路网中文注记var gdroadNoLabel = new Cesium.UrlTemplateImageryProvider({url: "http://webst02./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: "/ArcGIS/rest/services/World_Street_Map/MapServer"})viewer.imageryLayers.addImageryProvider(acg2);

4.加载ArcGIS三维底图

//ArcGIS卫星图层var acg= new Cesium.ArcGisMapServerImageryProvider({url : '/ArcGIS/rest/services/World_Imagery/MapServer'});//天地图中文注记(Arc没有中文的路网数据,所以就加在天地图的路网数据,只有他俩坐标系是一样的。高德的路网数据坐标系有偏移所以不能用。)var tdd=new Cesium.UrlTemplateImageryProvider({url: "/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:"/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"})viewer.imageryLayers.addImageryProvider(gog);

注:推荐使用高德的,原因数据更新比较及时,数据准确性比较高。

个人整理的demo:/download/weixin_40717107/10892636

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。