vue中调用百度地图api

最近呢，由于工作需要，自己搭一个简单的h5应用给公司的客户，方便预约来访时间，然后写了小半年react-native的我，终于能写web了…（题外话题外话），然后我就欣然拿起久未使用的vue（好吧，还是用了半天时间复习复习的，毕竟忘得比较快），回归正题，有这么一个需求，需要用到地图功能，然后呢按要求接入了百度地图，下面就简单的说说简单的应用，给自己留个笔记，不然再忘了还要去百度别人的…

1.首先你要成为百度开发者

具体的步骤官方说的蛮详细的，去官网看一下好啦，就是注册申请然后创建个应用拿到ak就好了-------（百度开放平台）

2.不管你是要自己在页面上画地图进行操作还是直接调起百度地图web，都要先在vue项目中先引入

首先下载 vue-baidu-map

npm install vue-baidu-map

然后在main.js中加上

import BaiduMap from 'vue-baidu-map'

Vue.use(BaiduMap, {
   
  ak: '你的密钥'
})

好啦，引入完成！

3.接下来根据需要，如果需要在自己的页面中画地图，就用刚刚引入的相关组件（放一个小例子）

<template>
    <div>
        <baidu-map class='map' :center=