美文网首页
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

    基于移动端地图vue-amap的项目中有个体验的问题,地图上覆盖物多的时候如何自动缩放。首先el-amap绑定ev...

  • 高德地图 JS API 学习摘要3

    覆盖物 通用 setFitView() 地图上覆盖物较多的情况下,如果需要保证所有覆盖物都在视野范围内, 需要将地...

  • 高德地图踩坑两则

    高德地图上自定义图片的覆盖物总是定位不准,在使用angle变换角度和地图缩放的时候,在地图上乱飘,缩放到最小时候甚...

  • iOS 原生地图覆盖物

    添加地图覆盖物的逻辑原理 地图覆盖物其实就是在地图上画一些东西,例如路径,范围等等。添加地图覆盖物的逻辑原理其实和...

  • 百度地图

    官网 成为开发者 申请秘钥(ak) 部署 手动部署 自动部署 地图 定位 导航 室内图 地图覆盖物 POI检索 地...

  • Android百度地图——覆盖物

    在配置好百度地图的使用权限和key值之后,绘制地图覆盖物步骤:1、初始化地图 2、添加覆盖物 3、覆盖物事件监听m...

  • Android 百度地图在地图上添加覆盖物(头像)

    通过百度地图或者高德地图的demo可以看到有在地图上加载覆盖物的代码,但是加载的都是相同的覆盖物。如果加载不同的人...

  • VUE BAIDU MAP覆盖物 - 自定义覆盖物手记

    前言 覆盖物的最高级就是自定义覆盖物,而往往业务中就必须用自定义覆盖物,因为都用上了地图这么吊的组件了,覆盖物也必...

  • iOS swift-高德覆盖物,优化移动请求(1)

    高德覆盖物,优化移动请求,获取当前view的经纬度,创建覆盖物,判断地图移动结束后中心是否在覆盖物内,若不在发起请...

  • js 高德地图一些总结

    想要瞄点marker都在屏幕内 使用 AMap.setFitView()华为的一些机子 地图加载空白 使用 map...

网友评论

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

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