天天看点

自定义百度地图style样式

使用百度地图的开放式开发接口的时候,可以自定义地图样式

  • 默认样式朴实无华,毫无特色
自定义百度地图style样式
  • 使用了自定义的地图样式之后(可以修改配色以搭配整体项目氛围😏🍏🐸🪲🐢🐍🦎🦖🦚🌱🌿☘️🍀)
    自定义百度地图style样式

流程

1、注册成为百度开放开发者

2、编辑自己需要的样式,发布生成id

已有的各种各样的样式模版

自定义百度地图style样式

3、可以自己创建 or 修改styleJson

自定义百度地图style样式

4、在项目中调用

a. 调用id:

map.setMapStyleV2({styleId: '一串哈希值ID'})

自定义百度地图style样式

b. 或者下载json样式styleJson

import { styleJson } from "./customMap";

map.setMapStyleV2({styleJson: styleJson});