cesium默认加载高德卫星底图

程序大巴扎

已于 2023-11-27 12:17:53 修改

阅读量798

点赞数 7

CC 4.0 BY-SA版权

分类专栏： cesium 文章标签： javascript

于 2023-11-27 12:05:05 首次发布

本文链接：https://blog.youkuaiyun.com/hudingqiang/article/details/134642124

cesium 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用Cesium库在Web应用中创建一个新的Viewer实例，通过UrlTemplateImageryProvider加载AutonaviWebST02提供的地图tile服务，实现定制地图展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 关键代码
this.viewer = new Cesium.Viewer('cesium',
  {
    imageryProvider: new Cesium.UrlTemplateImageryProvider({
      url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
    }),
  }
);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

程序大巴扎

关注关注

7
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

003：vue+cesium 设置skybox透明并添加背景图

大剑师兰特的GIS世界

02-25

2348

第003个本示例的目的是介绍如何在vue+leaflet中设置skybox透明并添加背景图。我们不想要黑乎乎的背景，想自定义一个背景图，然后前面显示地球。

032：cesium修改默认地图源，动态指定地图

大剑师兰特的GIS世界

03-24

1374

第032个本示例的目的是介绍如何在vue+cesium中修改默认地图源，可以动态的指定地图。Cesium加载地图时默认时bing地图，但是由于地域限制，在国内显示不出来，为空白黑乎乎的，只有选择了地图才能将圆球体现出来。另外编号13，显示的是WGS84 Ellipsoid的地形图。

参与评论您还未登录，请先登录后发表或查看评论

Cesium加载地图-高德影像

zslsh44的专栏

01-26

1052

vue3 vite cesium加载高德地图

cesium利用UrlTemplateImageryProvider加载高德底图

tjx1997的博客

08-17

3049

在国内，常用高德、百度等的切片底图，想要加载这些底图时，可以使用UrlTemplateImageryProvider类创建。

vue中加载Cesium地图（天地图、高德地图）

ssy001128的博客

06-06

834

vue中加载Cesium三维地球

cesium加载高德地图各种服务

m0_65745337的博客

08-08

999

1、加载矢量地图});2、加载影像地图});3、加载高德注记});

Vue+Cesium：添加高德地图/百度地图/天地图

weixin_54937289的博客

11-27

5467

天地图API (tianditu.gov.cn)

【Cesium教程第三章数据加载之影像加载2】

weixin_43956070的博客

11-20

1072

Cesium 提供了 OpenStreetMapImageryProvider 类来加载 OSM 数据，只需直接指定OSM数据 URL即可。另外，还可以通过 UrTemplatelmageryProvider 类构建 xyz 形式的 URL来求影像瓦片。在创建Viewer 时，用户可以通过指定高德地图服务 URL来访问高德地图。在请求MapBox影像时，首先需要进入MapBox官网申请密钥，网址为https://www.mapbox.com/maps/。

地图导航 Cesium+Vue2+高德地图

SEEKERJY的博客

08-28

1220

cesium + 高德地图实现路径规划及获取鼠标当前经纬度

Cesium默认bing地图数据，还支持哪些地图的数据源呢？

贝格前端工场的博客

06-25

1178

除了以上常用的地图数据源，Cesium还支持用户自定义地图数据源。用户可以根据自己的需求，导入和使用其他地图数据源，例如自己的地图瓦片数据、地形数据等。

web高德地图怎么加载离线地图_基于 QGIS 在内网中离线加载卫星地图的方法

weixin_39638801的博客

12-10

2101

1. 概述我们之前为大家分享过在三维地球开源平台离线加载卫星影像的方法，主要包括基于桌面端的OsgEarth开源三维地球和基于Web端的Cesium开源三维地球等平台的局域网离线影像加载。另外，也为大家分享过在二维开源平台离线加载卫星影像的方法，主要包括基于OpenLayers的内网WebGIS离线部署、基于MapBox的内网WebGIS离线部署和基于 GoogleMap 离线 API 在内网中加...

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

01-03

webGl加载二三维底图实例。可用于super Map二三维一体化实现。 https://mp.youkuaiyun.com/postedit/85681487

cesium加载百度地图

05-20

cesium加载百度地图方法

cesium添加高德影像图

专注GIS开发

02-17

3308

cesium添加高德影像图

cesium加载高德地图并纠偏

半路转行的Giser

07-19

3109

该类是cesium自带的EPSG:3857切片方案，因为高德的加密偏移问题，需要基于该类进行扩展，自定义高德纠偏切片方案。其中的原理，这里不去解释，后续有时间，另起专栏讲讲webgis的底层原理。/**///WGS84转GCJ02坐标//GCJ02转WGS84坐标。

cesium暗色地图

LBY_XK的博客

03-06

1893

cesium暗色地图。

vue ＋ cesium 加载高德地图

最新发布

苦逼前端分享苦逼经验

06-19

191

摘要：本文展示了使用Cesium.js创建2D地图视图的代码实现。通过配置Viewer对象关闭了动画、图层选择器等UI组件，移除了默认影像图层并替换为高德地图矢量服务。代码包含地图初始化、图层配置、版权信息隐藏和相机定位等功能，最终实现了一个全屏显示的2D地图容器，默认定位到指定经纬度坐标（118.03577,24.57216）的高空视角。

cesium将默认底图设置为不显示

专注GIS开发

01-18

5650

cesium不显示底图

cesium加载高德、百度、腾讯地图

weixin_43974125的博客

11-23

2904

$(function () { var basemapo = { "天地图影像": { 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={

cesium切换地图底图

03-25

### Cesium 中的地图底图切换在 Cesium 中，可以通过更改 `Viewer` 或者 `Scene` 对象中的 `imageryLayers` 来实现地图底图的切换。具体来说，通过移除当前的影像层并添加新的影像层来完成这一操作。以下是基于 Vue 和 Cesium 的示例代码，展示如何动态切换地图底图： ```javascript // 初始化 Cesium Viewer const viewer = new Cesium.Viewer('cesiumContainer', { imageryProvider: new Cesium.ArcGisMapServerImageryProvider({ url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer' }), }); // 定义不同的地图源 const mapSources = [ { name: 'Google 地图', provider: new Cesium.UrlTemplateImageryProvider({ url: 'https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}' }) }, { name: '高德地图', provider: new Cesium.WebMapTileServiceImageryProvider({ url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}', credit: '高德地图数据 © 高德软件有限公司' }) } ]; // 切换地图函数 function switchMapSource(index) { const selectedProvider = mapSources[index].provider; viewer.imageryLayers.removeAll(); // 移除现有的影像层 viewer.imageryLayers.addImageryProvider(selectedProvider); // 添加新的影像层 } // 示例调用：切换到高德地图 switchMapSource(1); ``` #### 关键点解析 - **初始化地图** 使用 `Cesium.Viewer` 创建一个视图容器，并设置初始的地图提供商[^1]。 - **定义多个地图源** 将不同地图服务封装成对象数组，便于管理和切换。这里展示了 Google 地图和高德地图的例子[^2]。 - **动态切换逻辑** 调用 `viewer.imageryLayers.removeAll()` 方法清除现有影像层，再通过 `addImageryProvider(provider)` 方法加载新选定的地图提供程序。 --- ### 注意事项 1. 如果在国内使用，默认 Bing Maps 可能无法正常工作，因此建议替换为支持中国地区的地图服务商（如高德、腾讯等）。 2. 不同地图服务商可能有不同的访问协议或限制条件，请确保遵循其 API 使用条款。 ---