vue-amap地图覆盖物自动缩放setFitView

2021-06-19  本文已影响0人  阿平搞Python

基于移动端地图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()
        },
 },

看看效果


image.png
上一篇下一篇

猜你喜欢

热点阅读