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

巴特西

vue2.0之Vue Baidu Map 局部注册使用

局部注册

最新文章

热门文章