首页 > 分享 > Mapbox更换地图组件底图样式

Mapbox更换地图组件底图样式

预览效果

实现逻辑

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

操作流程

3.1 Mapbox操作 

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

图片

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

图片

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

图片

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

图片

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

图片

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

图片

3.2 导入地图组件

基础平面地图

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

图片

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

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

图片

3D城市-抢先版

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

图片

3D城市地图

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

图片

相关知识

vue dialog样式
打造高效项目管理:Vue2自制甘特图组件推荐
uniapp中引入公共组件
kylinH5框架之项目组件理解
如何做移动端的样式适配
关于搭建组件库的10点心得
「物流信息跟踪」展示组件
百度地图个性化定制新版和旧版
草图大师的组件
花:小程序开发资源

网址: Mapbox更换地图组件底图样式 https://m.huajiangbk.com/newsview1548618.html

所属分类:花卉
上一篇: 数据地图?地图数据?傻傻分不清楚
下一篇: 【中国科学报】30米分辨率中国湿