基于移动端地图vue-amap的项目中有个体验的问题,地图上覆盖物多的时候如何自动缩放。
首先el-amap绑定events和ref属性
<el-amap :events="events" :plugin="plugin" ref="map" vid="amapDemo" :zoom="zoom" :center="center" class="amap-demo" :mapStyle="mapStyle">
<el-amap-marker v-for="(searchMarker, sindex) in searchMarkers" :icon="searchMarker.markerIcon" :key="'search-
'+sindex" :position="searchMarker.position" :events="searchMarker.events" :vid="'search-'+sindex"></el-amap-marker>
.
.
.
.
events里面使用setFitView就好啦。
events: {
complete: () => {
self.$refs.map.$$getInstance().setFitView()
},
},
看看效果