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下必须添加对应插件

转载于:https://www.cnblogs.com/zhaozhenzhen/p/8717573.html