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

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

衹染青春

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值