vue 百度地图使坐标居中

最新推荐文章于 2024-07-10 08:12:21 发布

一只躺猫

最新推荐文章于 2024-07-10 08:12:21 发布

阅读量1.5k

点赞数 1

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/zxxzxx23/article/details/107559985

版权

前端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

需求:
用户在滑动地图后, 点击图中坐标按钮, 把地图坐标居中到最初设置的坐标
在这里插入图片描述

<baidu-map
  class="map"
  :center="center"
  :zoom="16"
>
  <bm-marker
    :position="center"
    animation="BMAP_ANIMATION_BOUNCE"
  >
    
  </bm-marker>
</baidu-map>
<span
	class="ml10"
	@click="centerMap"
>
</span>

// js
centerMap() {
  let {
    lng,
    lat
  } = this.dataset
  // this.center是你设置的初始坐标位置
  this.center = {
    lng: 0,
    lat: 0
  }
  // 异步执行, 是为了视图能对数据变化做出反应, 否则无法实现效果
  setTimeout(() => {
    this.center = {
      lng,
      lat,
    }
  }, 10);
},