avue地图avue-plugin-map使用方法

1. index.html中添加

<script src='http://webapi.amap.com/maps?v=1.4.11&key=自己申请的key值&plugin=AMap.PlaceSearch'></script>
<script src="http://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

2.下载包

npm install avue-plugin-map —save

3.main.js中添加

import AvueMap from 'avue-plugin-map'
Vue.use(AvueMap);

4.页面中

<div>
      {{mapObj}}
      <avue-map v-model="mapObj"></avue-map>
</div>

data() {
      return {
        mapObj: {}
  }
}

效果图：

choose.png map.png