mapboxGL2中Terrain的离线化应用
2023-04-18 12:31:21 时间
概述
mapboxGL2中比较大的一个更新就是加入了Terrain,可以实现三维的立体效果,本文书接上文“mapboxGL2离线化应用”,说说Terrain的离线化应用。
效果
实现分析
- 打开官方例子,F12打开调试工具;
- 在网络请求里面查找
terrain-dem
,接口及返回数据格式如下:
根据上面返回的数据,我们不难理解每个字段的含义,这里面核心的:
description
,里面描述的是dem到RGB的转换算法height = -10000 + ((R * 256 * 256 + G * 256 + B) * 0.1)
;tiles
,是切片的地址’scheme
为xyz
,切片大小为512,下图为接口中返回的图片示例。
实现
- 下载切片 基于上面的分析,我们借助QGIS,将切片下载下来,这个可参考之前的文章qgis切片下载与本地部署以及调用.
- 生成本地配置文件
根据上面的分析,本地配置文件只需要
tiles
节点即可,同时为记录,保留了description
,生成后的文件如下:
{
"description" : "height = -10000 + ((R * 256 * 256 + G * 256 + B) * 0.1)",
"scheme" : "xyz",
"tiles" : [
"../dist/dem/{z}/{x}/{y}.png"
]
}
- 添加类型为
raster-dem
的source
,并通过调用接口map.setTerrain
实现设置。
// 添加source
'mapbox-dem': {
'type': 'raster-dem',
'url': '../dist/data/terrain.json',
'tileSize': 512,
'maxZoom': 17
}
// 设置setTerrain
map.setTerrain({ 'source': 'mapbox-dem', 'exaggeration': 1.2 });
相关文章
- 破茧成蝶,5G发展渐入佳境
- 运营商交出了怎样的成绩单?
- 产业规模破万亿元 工业互联网提档升级
- 5G发展依旧任重道远
- 2022隐私计算大会:保障数据安全流通,可信隐私计算是支撑性技术
- 边缘计算及其惊人的应用
- 万亿蓝海:确定性网络与元宇宙
- 5G发牌三周年 “三生万物”种出繁花似锦
- 5G消息,能否成为运营商数字经济时代的护城河?
- 城商行容器云平台应用场景及持久化存储实践
- 支持 Wi-Fi 6/6E 的智能手机将在 2025 年占据市场主导地位
- 5G智能工业机器人应用广泛 运营商如何助推产业链协同创新?
- 面向2030年的6G,将带来什么改变?
- Wi-Fi定位技术在强手如林的赛道里如何生存
- 直播周回顾日记Day5:快速现代化应用改造 Graviton赋能轻巧如云
- 人工智能能否在物联网应用中提供价值?
- 新继网红WiFi7 到底有多厉害
- IDC:2021年全球公有云服务收入增长29%突破4000亿美元
- 云原生时代 F5分布式云服务帮助软银构建现代化应用架构
- 云存储架构框架设计如何实现以应用为基础的服务模式?