cesium默认加载高德卫星底图

程序大巴扎

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

阅读量796

点赞数 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

2347

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

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

大剑师兰特的GIS世界

03-24

1373

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

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

Cesium加载地图-高德影像

zslsh44的专栏

01-26

1051

vue3 vite cesium加载高德地图

cesium利用UrlTemplateImageryProvider加载高德底图

tjx1997的博客

08-17

3044

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

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

ssy001128的博客

06-06

821

vue中加载Cesium三维地球

cesium加载高德地图各种服务

m0_65745337的博客

08-08

999

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

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

weixin_54937289的博客

11-27

5462

天地图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

1219

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

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

贝格前端工场的博客

06-25

1177

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

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

weixin_39638801的博客

12-10

2100

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

3307

cesium添加高德影像图

cesium加载高德地图并纠偏

半路转行的Giser

07-19

3101

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

cesium暗色地图

LBY_XK的博客

03-06

1891

cesium暗色地图。

Cesium影像纠偏：高德地图加载与坐标系纠偏技巧

我码玄黄的博客

09-24

1619

本文介绍了如何在Cesium中使用UrlTemplateImageryProvider加载和纠偏高德地图影像，包括自定义WebMercatorTilingScheme的扩展类，实现坐标系转换和纠偏，以提高地图服务的准确性。

vue ＋ cesium 加载高德地图

最新发布

苦逼前端分享苦逼经验

06-19

186

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

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

专注GIS开发

01-18

5645

cesium不显示底图

cesium加载高德地图底图

02-26

### 如何在 Cesium 中加载高德地图底图为了在 Cesium 应用程序中集成高德地图作为底图，开发者可以通过自定义 `ImageryProvider` 来实现这一目标。具体来说，在初始化 Cesium 的 Viewer 实例之后，需要移除默认的地图影像提供者，并添加一个新的基于高德地图瓦片服务的 ImageryLayer。下面是一个完整的 JavaScript 示例代码片段用于展示如何操作： ```javascript // 创建 viewer 对象时不指定 imageryProvider 参数来阻止自动加载默认底图 const viewer = new Cesium.Viewer('cesiumContainer', { imageryProvider : undefined, }); // 定义高德地图的访问令牌 (需替换为您自己的 Token) var token = 'your_gaode_map_token'; // 构建高德地图瓦片 URL 模板字符串 let urlTemplate = "https://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}"; // 初始化高德地图的 Tile Provider 并应用到场景中 viewer.imageryLayers.addImageryProvider( new Cesium.UrlTemplateImageryProvider({ url: urlTemplate, subdomains: ['1','2','3','4'], credit: '高德地图' }) ); // 设置相机视角至中国区域中心点附近 viewer.camera.setView({ destination : Cesium.Cartesian3.fromDegrees(104.1, 30.6), }); ``` 此段脚本首先创建了一个不带任何预设图像提供商的新视窗实例；接着指定了一个合法有效的高德 API 访问凭证（Token），该凭证应由用户自行申请获取[^1]；随后利用 UrlTemplateImageryProvider 类构造函数传入参数配置好对应于高德在线切片服务器地址模式化的链接路径；最后一步则是调整摄像机的位置以便更好地查看所加载的地图数据[^2]。