vue-baidumap-poi v1.3.0

VUE BAIDU MAP POI

百度地图的 poi 选址组件,基于 vue 2.0

预览

安装

npm i --save vue-baidumap-poi

引入

import BaidumapPoi from "vue-baidumap-poi";
Vue.use(BaidumapPoi);

使用

<template>
  <div>
    <baidumap-poi
      v-if="mapVisible"
      @getTargetInfo="getInfo"
      :mapVisible.sync="mapVisible"
      :ak="mapKey"
      :capacity="capacity"
      :radius="radius"
    ></baidumap-poi>
  </div>
</template>

<script>
export default {
  data() {
    return {
      mapKey: "924Km25wm6Fdle2D0TbGSy7m",
      capacity: 20,
      radius: 500,
      mapVisible: false,
      targetInfo: {}
    };
  },
  methods: {
    getInfo(obj) {
      this.targetInfo = obj;
    }
  }
};
</script>

属性

方法

getTargetInfo : 返回用户选择的地址信息

License

MIT License