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

基于移动端地图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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容