Mapbox更换地图组件底图样式

01 预览效果

图片

02 实现逻辑

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

03 操作流程

3.1 Mapbox操作 

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

图片

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

图片

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

图片

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

图片

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

图片

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

图片

3.2 导入地图组件

基础平面地图

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

图片

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

（ps：如果没有效果或地图缺失，退出工作台编辑页面，再次进入即可）

图片

3D城市-抢先版

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

图片

3D城市地图

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

图片