vue引入百度地图插件

vue-cli脚手架安装
npm i --save vue-baidu-map

main.js全局引入
import BaiduMap from ‘vue-baidu-map’
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
ak: ‘aaa’
})

html

<div>
					<baidu-map v-bind:style="mapStyle" class="bm-view" ak="你的百度地图ak" :center="center" :zoom="zoom"
						:scroll-wheel-zoom="true" @click="getClickInfo" @moving="syncCenterAndZoom"
						@moveend="syncCenterAndZoom" @zoomend="syncCenterAndZoom">
						<bm-view style="width: 100%; height:500px;"></bm-view>
						<bm-marker :position="{lng: center.lng, lat: center.lat}" :dragging="true"
							animation="BMAP_ANIMATION_BOUNCE">
						</bm-marker>
						<bm-control :offset="{width: '