vue 百度地图使坐标居中

需求:
用户在滑动地图后, 点击图中坐标按钮, 把地图坐标居中到最初设置的坐标
vue 百度地图使坐标居中_第1张图片

<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);
},

你可能感兴趣的:(前端,javascript)