正文
vue2.0之Vue Baidu Map 局部注册使用
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
文档地址:https://dafrok.github.io/vue-baidu-map/#/zh/start/usage
局部注册
<template>
<baidu-map id="mapContent" class="bm-view" ak="YOUR_APP_KEY" :center="center" :zoom="zoom" @ready="handler">
<bm-marker :position="{lng: 116.404, lat: 39.915}" :dragging="true">
</bm-marker>
</baidu-map>
</template>
<script>
import BaiduMap from 'vue-baidu-map/components/Map/Map.vue'
import BmMarker from 'vue-baidu-map/components/overlays/Marker.vue'
export default {
data() {
return {
center: {lng: 116.404,lat: 39.915},
zoom: 15
}
},
components: {
BaiduMap,
BmMarker
},
}</script>
备注
1.独立组件均存放在 vue-baidu-map/components
文件夹下.
2 从node_modules/vue-baidu-map/components/index.js下面找对应插件如下图:
3.components下必须添加对应插件