cesium加载 天地图行政区划接口

cesium加载 天地图行政区划接口

某些ZF部门需要内网的需求,要用他们内网的天地图key,所以才有此需求

在这里插入图片描述
天地图的示例中boundary返回的是wkt,我们需要处理成geojson在cesium中使用,这里我们使用

terraformer-wkt-parser

npm install terraformer-wkt-parser

import WKT from "terraformer-wkt-parser";
//因为天地图的code是以156开头拼接的,所以我们这里需要拼接下
changeAreaGeo("156" + areaVal.value)
//new 天地图接口版本
function changeAreaGeo(data) {
   
   
    getGeoByTDTCode({
   
    code: data }).then((res) => {
   
   
      if (
### Cesium 集成天地图 (Tianditu) 在 Cesium 中集成天地图的服务可以通过配置 `Cesium.TileMapServiceImageryProvider` 来实现。以下是详细的说明以及示例代码。 #### 天地图服务简介 天地图提供多种类型的瓦片服务,包括矢量地图、影像地图和地形图等[^1]。这些服务可以被直接集成到基于 Cesium 的应用程序中。为了访问天地图的数据资源,开发者需要申请一个 API 密钥并将其嵌入请求 URL 中[^2]。 #### 示例代码 下面是一段用于加载天地图影像服务的 JavaScript 代码: ```javascript // 初始化 Cesium Viewer var viewer = new Cesium.Viewer('cesiumContainer', { imageryProvider : new Cesium.WebMapTileServiceImageryProvider({ url : 'http://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={TileMatrix}&TILEROW={TileRow}&TILECOL={TileCol}&tk=您的密钥', layer : 'img', style : 'default', format : 'image/jpeg', tileMatrixSetID : 'w', maximumLevel : 18, credit : "数据来源:天地图" }), baseLayerPicker : false, // 关闭图层选择器 geocoder : false // 关闭地理编码控件 }); viewer.zoomTo(viewer.scene.globe); // 缩放至地球视角 ``` 上述代码实现了以下功能: - 使用 `WebMapTileServiceImageryProvider` 将天地图作为底图加载。 - 替换 `{TileMatrix}`、`{TileRow}` 和 `{TileCol}` 占位符为实际的地图切片坐标。 - 设置最大缩放级别 (`maximumLevel`) 为 18 级。 #### 参数解释 | 参数名 | 描述 | |-------------------|----------------------------------------------------------------------| | `url` | WMTS 请求的基础地址,需替换占位符并与实际需求匹配 | | `layer` | 图层名称,在此例子中使用的是影像图层 `"img"` | | `style` | 样式,默认设置为 `"default"` | | `format` | 返回图像的格式,通常为 `"image/jpeg"` | | `tileMatrixSetID` | 切片矩阵集 ID,此处指定为 `"w"` | | `credit` | 数据源声明 | #### 注意事项 1. **API 密钥** 开发者必须通过天地图官网注册账号获取个人专属的 API 密钥,并将其填入 URL 地址中的 `tk` 参数位置。 2. **跨域问题** 如果遇到 CORS 跨域错误,请确认服务器端支持跨域资源共享或者调整部署环境以规避该问题。 --- ### 结论 通过以上方法可以在 Cesium 应用程序中成功加载来自天地图的各种瓦片服务。这不仅限于影像地图,还包括其他类型的地图服务,只需修改对应的参数即可完成切换。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BJ-Giser

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值