前端框架Vue——百度地图使用

1、申请密钥

百度地图的使用需要一个专属的密钥（ak）作为路径：

image

按步骤完成，并且激活就能获得一个密钥了，这样我们就可以开始引入地图了。先来看效果图：

image

整体项目是用Vue做的，百度地图是其中的一个功能模块，这边了解一下如何将地图引入到Vue项目中：

1、首先我用的是vue-cli脚手架,这是目录结构：

image

现在在 index.html 中引入script:

解释一下：v = 2.0是版本，ak 则是申请到的密钥，callback 回调初始化地图。

2、给定容器，调用 API 绘图