提问 发文

Mapbox更换地图组件底图样式

预览效果

实现逻辑

通过【Mapbox】制作地图样式,将定制的底图样式导入平台的地图组件,完成地图底图的替换。

操作流程

3.1 Mapbox操作 

登录【Mapbox】→【样式编辑器】→【新样式】。

图片

设置和修改【底图】的样式。

图片

【添加图层】→【自定义图层】→选择【源】→添加所需要的数据源,例如街道、建筑、交通等数据。

图片

例如,添加地图街道V8数据中的【路】数据源,即可在地图的基础上叠加一层数据。

图片

配置完底图样式后点击右上角,进行发布。

图片

发布成功后→点击旁边的【分享】链接→复制【样式URL】和【访问令牌token】。

图片

3.2 导入地图组件

基础平面地图

添加【基础平面地图】→【样式】→【子组件管理】→点击【地图底图】。

图片

【地图类型】选择【mapbox】→样式类型选择【自定义】→将刚刚复制的【样式URL】和【令牌token】填写进去。

(ps:如果没有效果或地图缺失,退出工作台编辑页面,再次进入即可)

图片

3D城市-抢先版

添加【3D城市-抢先版】组件→【基础配置】→同理,【底图类型】选择【mapbox】→样式类型选择【自定义】→将刚刚复制的【样式URL】和【令牌token】填写进去。

图片

3D城市地图

添加【3D城市】组件→勾选【自定义样式】→【数据配置】→将刚刚复制的【样式URL】和【令牌token】填写进去。

图片

易知微基于多年在数字孪生及数据可视化领域丰富实践,沉淀了诸多经验成果,欢迎大家互相交流学习:

《数字孪生世界白皮书》下载地址:https://easyv.cloud/references/detail/51.html/?t=shequ

《数字孪生行业方案白皮书》下载地址:https://easyv.cloud/references/detail/120.html/?t=shequ

《港口数智化解决方案》下载地址:https://easyv.cloud/references/detail/121.html/?t=shequ

想申请易知微产品免费试用的客户,欢迎点击易知微官网申请试用:https://easyv.cloud/?t=shequ

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

158

文章

1.74K

人气

0

粉丝

0

关注

官方媒体

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群