vue.js集成百度地图插件vue-baidu-map

当我们开发时，我们会使用定位，这次我们需要百度地图或高德地图，我们在这里使用百度地图。

第一步：下载百度地图插件。

$ npm install vue-baidu-map --save

第二步：在main.将全局变量添加到js中

///调用Baidu地图组件import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, {    ak: “你的秘钥”    ///这个地方是官方提供的ak密钥}

特别说明，当我们本地调用时，要注意下图。

第三步:调用

<baidu-map class="map" :center="{lng: 116.404, lat: 39.915}" :zoom="11">            <bm-marker :position="{lng: 116.404, lat: 39.915}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">                <bm-label content=“我爱北京天安门” :labelStyle="{color: 'red', fontSize : "24px"" :offset="{width: -35, height: 30}"/>            </bm-marker>        </baidu-map>

这样就完成了vue的使用-baidu-引用map。他的官网在:

https://dafrok.github.io/vue-baidu-map/#/zh/index