Vue中加载mapv和mapvgl

一,加载mapv 

mapv示例地址:https://mapv.baidu.com/examples/

1,引入百度地图和mapv

在public/index.html中引入:

  
  

其中的ak为自己的百度地图密匙:http://lbsyun.baidu.com/apiconsole/key?application=key#/home

2,vue中具体代码





3,效果图

Vue中加载mapv和mapvgl_第1张图片

二,加载mapvgl

mapvgl文档:http://lbsyun.baidu.com/solutions/solutions/mapvdata

mapvgl示例demo:http://lbsyun.baidu.com/solutions/solutions/mapvdata

1,引入mapvgl

  
  
  

2,具体代码(参考demo:https://mapv.baidu.com/gl/examples/editor.html#point-china.html)

注意:下面的id必须为:‘map_container’,否则initMap()函数不能用。因为common.js中默认用的就是map_container





官网路径

调用路径:

https://mapv.baidu.com/gl/examples/static/common.js
https://mapv.baidu.com/gl/examples/data/chinalocation.json

3,效果图

Vue中加载mapv和mapvgl_第2张图片

你可能感兴趣的:(Vue)