cesium添加高德路网中文注记图及高德在线地图介绍


Cesium实战系列文章总目录传送门

1.实现效果

在这里插入图片描述

2.实现方法

// 添加高德路网中文注记图
atLayer = new Cesium.UrlTemplateImageryProvider({
    url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8",
    minimumLevel: 3,
    maximumLevel: 18
})

3.高德在线地图介绍

高德在线地图的瓦片地址及规律:

变量说明
lang显示语言,zh_cn:中文,en:英文
scl设置标注还是底图,1表示标注,2表示底图
style地图类型控制,6卫星(st),7简图(st rd),8详图(不透明rd,透明st)

常用的高德在线地图网址:

// 1.影像图
https://webst01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&style=6
// 2.道路纯图
https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x=54658&y=26799&z=16&scl=1&ltype=2
// 3.道路简图
http://webrd01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&size=1&scale=1&style=7
// 4.道路详图
http://webrd01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&lang=zh_cn&size=1&scale=1&style=8
// 5.纯道路图
http://wprd01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&lang=zh_cn&size=1&scl=1&style=8&ltype=11
// 6.纯地标图
https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=8&x=54658&y=26799&z=16&scl=1&ltype=4
// 7.路网注记图
http://webst01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&lang=zh_cn&size=1&scale=1&style=8
### Cesium 中加载高德地图并去掉路网Cesium 中集成高德地图作为底时,可以通过调整层设置来隐藏不需要的地图要素,比如道路网络。具体实现方法如下: #### 使用 `ImageryProvider` 自定义层配置 为了控制显示哪些类型的地理特征,在创建 `WebMapTileServiceImageryProvider` 或其他影像提供者实例时可以指定样式参数[^1]。 对于高德地图而言,默认情况下会展示完整的街道细节。如果希望移除这些元素,则需通过 API 请求自定义样式的瓦片服务或将默认样式覆盖为无路网版本[^2]。 ```javascript const viewer = new Cesium.Viewer('cesiumContainer'); // 创建带有特定参数的 ImageryLayer 对象用于加载高德地图 viewer.imageryLayers.addImageryProvider( new Cesium.UrlTemplateImageryProvider({ url : 'http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}', subdomains: ['1', '2', '3', '4'] }) ); ``` 上述代码片段展示了如何利用 URL 模板方式请求不含路标的栅格切片像。注意其中 style 参数被设为 "7" ,这代表了一种简化模式下的视觉效果,通常不包括复杂的交通信息和其他详尽标注[^3]。 另外一种更灵活的做法是借助于矢量瓦片技术(Vector Tiles),它允许客户端动态渲染不同级别的数据层次结构,并且能够更加精细地管理各个组件的可见性状态。不过这种方法涉及到更多开发工作以及可能存在的性能考量因素。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

右弦GISer

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

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

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

打赏作者

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

抵扣说明:

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

余额充值