配置:
在index.html配置如下,key 直接去高德地图申请即可
<script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.11&key=自己的key值&plugin=AMap.Geolocation,AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder,AMap.PolyEditor'></script>
<script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
在vue文件
<avue-input-map :params="params" placeholder="请选择地图" v-model="mapform"></avue-input-map>
【1】data中的配置如下
zooms:地图显示的缩放级别范围,在PC上,默认范围[3,18],取值范围[3-18];在移动设备上,默认范围[3-19],取值范围[3-19]
dragEnable:地图是否可通过鼠标拖拽平移。
zoomEnable:地图是否可缩放
mapform数组:[经度,纬度,地址]
params: {
zoom: 15,
zoomEnable: true,
dragEnable: false,
},
mapform: [113, 23, '广东省广州市'],