vue-baidu-map是对百度地图JavaScript API的封装,
官方的个性化地图样式修改是使用原生的js方法。当用使用vue-baidu-map插件的时候,需要进行部分修改。
修改如下:
1,node_modules里的vue-baidu-map下面的index.js文件
src="https://api.map.baidu.com/api?v=2.0改为src="https://api.map.baidu.com/api?v=3.0
2,vue的main.js修改
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
ak: ‘你的id’
})
3,页面vue文件修改。
handler({ BMap, map }) {
map.setMapStyleV2({ styleId: "你的个性化id" });
修改完成后验证查看请求地址变成3.0即可
完成的效果。