cesium默认加载高德卫星底图

程序大巴扎

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

阅读量762

点赞数 7

分类专栏： 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

2167

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

cesium(三)各类在线地图资源比对及使用教程

lhllhllhl_的博客

02-21

530

分享了在线地图资源，包括cesium内置的在线资源和天地图和高德地图，并附带了运行效果图和资源使用教程

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

cesium利用UrlTemplateImageryProvider加载高德底图

tjx1997的博客

08-17

2800

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

Cesium加载地图-高德影像

zslsh44的专栏

01-26

1019

vue3 vite cesium加载高德地图

cesium加载高德地图各种服务

m0_65745337的博客

08-08

921

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

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

weixin_54937289的博客

11-27

5140

天地图API (tianditu.gov.cn)

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

SEEKERJY的博客

08-28

1157

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

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

大剑师兰特的GIS世界

03-24

1300

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

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

贝格前端工场的博客

06-25

1093

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

039：cesium加载Natural Earth II地图

大剑师兰特的GIS世界

04-03

897

第039个本示例的目的是介绍如何在vue+cesium中加载Natural Earth II地图，该地图带阴影地势、水和排水系统。

055：cesium两种方法加载天地影像图

大剑师兰特的GIS世界

04-27

1153

第055个本示例的目的是介绍如何在vue+cesium中用两种方法加载天地影像图。一种是利用WebMapTileServiceImageryProvider，另一种是利用UrlTemplateImageryProvider.

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

01-03

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

cesium加载百度地图

05-20

cesium加载百度地图方法

cesium添加高德影像图

专注GIS开发

02-17

3218

cesium添加高德影像图

cesium加载高德地图并纠偏

半路转行的Giser

07-19

2626

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

cesium暗色地图

LBY_XK的博客

03-06

1778

cesium暗色地图。

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

我码玄黄的博客

09-24

1510

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

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

专注GIS开发

01-18

5523

cesium不显示底图

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

weixin_43974125的博客

11-23

2859

$(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加载高德地图底图

最新发布

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]。