cesium加载地图和地形底图公共资源地址

这篇博客分享了一系列有用的地图和地形公共服务地址,包括天地图、街道图、电子地图、谷歌地图、arcgis在线地图、高德地图、黑色地图、腾讯地图、高程地图等。此外,还提到了如何使用Cesium加载底图服务和高程地形,并提供了Cesium的Ion默认访问令牌。

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

https://blog.csdn.net/wo_buzhidao/article/details/82500390yi

一些有用的底图(地图和地形)公共服务地址
export const layerData= [
     {
      name: "天地图",
      address: "http://t0.tianditu.gov.cn/DataServer?x={x}&y={y}&l={z}&T=img_w&tk=6c4e74345073b248fdf10ba82480558e",
     },
{
      name: "街道图", 
      address: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer/tile/{z}/{y}/{x}"
     },
     {
      name: "电子地图", 
      address: "https://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}"
     },   
{
      name: "灰色图", 
      address: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}"
     },
    {
      name: "谷歌地图", 
      address: "https://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"
     },
     {
      name: "arcgis在线地图", 
      address: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"
     },
     {
      name: "高德地图", 
      address: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}"
     },
     {
      name: "黑色地图", 
      address: "https://cesiumjs.org/blackmarble"
     },
     {
      name: "腾讯地图", 
      address: "https://p2.map.gtimg.com/sateTiles/{z}/{sx}/{sy}/{x}_{reverseY}.jpg?version=229"
     },
        
    {
      name: "高程地图", 
      address: "http://localhost:8900/proxy/http://192.168.13.32:8080/geoserver/gwc/service/wms",
     },
    {
      name: "高程亮点图", 
      address: "https://api.maptiler.com/tiles/terrain-quantized-mesh/?key=8urAyLJIrn6TeDtH0Ubh",
     },
     {
        name: "基础卫星影像", 
        address: "https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
       },
     {
        name: "深色地图", 
        address: "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}",
       }
  ]

//加载底图服务+高程地形

//token去这里注册:https://cesium.com/ion/tokens

Cesium.Ion.defaultAccessToken = '你的token';

        let viewer=window.viewer=new Cesium.Viewer('cesiumContainer',{//世界地形

            terrainProvider:new Cesium.CesiumTerrainProvider({

                url:Cesium.IonResource.fromAssetId(1),

                requestWaterMask:true,

                requestVertexNormals: true

            })

        })

### 如何在 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]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值