要设置中心位置并自动移动到中点,您可以使用Vue Baidu Map 3X的setCenterAndZoom方法来实现。

首先,您需要在Vue组件中导入Vue Baidu Map 3X:

import BaiduMap from 'vue-baidu-map-3x'

然后,在Vue组件的mounted生命周期钩子中,使用setCenterAndZoom方法设置中心位置并自动移动到中点:

mounted() {
  // 获取地图实例
  const map = this.$refs.baiduMapRef.getMap()

  // 设置中心位置
  const centerPoint = new BMap.Point(经度, 纬度) // 替换为您的中心点坐标
  map.centerAndZoom(centerPoint, 缩放级别) // 替换为您的缩放级别
}

请替换代码中的经度纬度缩放级别为您的实际数值。

注意:setCenterAndZoom方法是通过地图实例的centerAndZoom方法实现的,所以您需要先通过this.$refs.baiduMapRef.getMap()获取地图实例。

这样,当组件加载完成后,地图就会自动移动到设置的中心位置

vue-baidu-map-3x 设置中心位置并自动移动到中点

原文地址: https://www.cveoy.top/t/topic/inqC 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录