美文网首页
vue-amap地图覆盖物自动缩放setFitView

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

作者: 阿平搞Python | 来源:发表于2021-06-19 10:49 被阅读0次

    基于移动端地图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

    相关文章

      网友评论

          本文标题:vue-amap地图覆盖物自动缩放setFitView

          本文链接:https://www.haomeiwen.com/subject/tzmryltx.html