Cesium加载各种互联网地图（一）

最新推荐文章于 2024-09-09 10:56:21 发布

dinxin横刀一笑

最新推荐文章于 2024-09-09 10:56:21 发布

阅读量3.7w

点赞数 16

分类专栏： 3D-WebGIS-Cesium Cesium 文章标签： Cesium

本文链接：https://blog.csdn.net/u011365716/article/details/84772021

版权

Cesium 同时被 2 个专栏收录

16 篇文章 11 订阅

订阅专栏

3D-WebGIS-Cesium

8 篇文章 5 订阅

订阅专栏

本文详细介绍如何在Cesium中配置不同的地图底图，包括ArcGIS在线影像底图、街道底图，高德影像底图及街道底图。文章提供了具体的代码示例，展示如何使用imageryProvider加载天地图、高德地图等不同来源的地图瓦片。

摘要由CSDN通过智能技术生成

1、ArcGIS在线影像底图（因为ArcGIS在线影像底图没有注记，所以用web墨卡托的天地图注记图层作为它的注记图层）

viewer = new Cesium.Viewer("cesiumContainer", {
       animation: false, //是否显示动画控件
       baseLayerPicker: false, //是否显示图层选择控件
       geocoder: true, //是否显示地名查找控件
       timeline: false, //是否显示时间线控件
       sceneModePicker: true, //是否显示投影方式控件
       navigationHelpButton: false, //是否显示帮助信息控件
       infoBox: true, //是否显示点击要素之后显示的信息
       imageryProvider : new Cesium.ArcGisMapServerImageryProvider({
       url: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
       })
       });
//       viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({
//       url: "http://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Transportation/MapServer",
//       }));
       viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({
       url: "http://t1.tianditu.cn/DataServer?T=cia_w&X={x}&Y={y}&L={z}",
//       layer: "tdtAnnoLayer",
//       style: "default",
//       format: "image/jpeg",
//       tileMatrixSetID: "GoogleMapsCompatible"
       }));

1、1ArcGIS在线街道底图（在全国范围内为英文注记，等放大的省市区县则为中文注记）

2、高德影像底图

viewer = new Cesium.Viewer("cesiumContainer", {
       animation: false, //是否显示动画控件
       baseLayerPicker: false, //是否显示图层选择控件
       geocoder: true, //是否显示地名查找控件
       timeline: false, //是否显示时间线控件
       sceneModePicker: true, //是否显示投影方式控件
       navigationHelpButton: false, //是否显示帮助信息控件
       infoBox: true, //是否显示点击要素之后显示的信息
       imageryProvider : new Cesium.UrlTemplateImageryProvider({
       url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
//       layer: "tdtVecBasicLayer",
//       style: "default",
//       format: "image/png",
//       tileMatrixSetID: "GoogleMapsCompatible",
//       show: false
       })
       });
       viewer.imageryLayers.addImageryProvider(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",
//       layer: "tdtAnnoLayer",
//       style: "default",
//       format: "image/jpeg",
//       tileMatrixSetID: "GoogleMapsCompatible"
       }));

2、1高德街道底图

viewer = new Cesium.Viewer("cesiumContainer", {
       animation: false, //是否显示动画控件
       baseLayerPicker: false, //是否显示图层选择控件
       geocoder: true, //是否显示地名查找控件
       timeline: false, //是否显示时间线控件
       sceneModePicker: true, //是否显示投影方式控件
       navigationHelpButton: false, //是否显示帮助信息控件
       infoBox: true, //是否显示点击要素之后显示的信息
       imageryProvider : 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}",
//       layer: "tdtVecBasicLayer",
//       style: "default",
//       format: "image/png",
//       tileMatrixSetID: "GoogleMapsCompatible",
//       show: false
       })
       });
       viewer.imageryLayers.addImageryProvider(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",
//       layer: "tdtAnnoLayer",
//       style: "default",
//       format: "image/jpeg",
//       tileMatrixSetID: "GoogleMapsCompatible"
       }));

有需要谷歌街道谷歌影像底图，或天地图街道，影像，地形底图请留言！

做个简单提示：

Cesium中的imageryProvider 实现于

天地图（wmts服务）对应 WebMapTileServiceImageryProvider

高德地图（xyz瓦片图层）对应 UrlTemplateImageryProvider

针对于esri地图服务可以去国家天地图网站

查看详细信息

后续小编的主要精力放到GIS理论开发知识的大众化的道路了，通过浅显易懂的语言，结合多年行业应用开发，通过微信订阅号传播（每周更新三篇文章及相关GIS编码知识），为GIS的发展尽微博之力。终极目标是让GIS不再专业，让GIS更加大众，使得GIS深入各行业应用，让每位GISER都有一股自豪感！以下是我的微信订阅号二维码，感兴趣的可以交流沟通！