vue-baidu-map-3x vue3中设置坐标位置并自动跳转

在Vue3中，可以使用vue-baidu-map-3x插件来设置坐标位置并自动跳转。

首先，安装vue-baidu-map-3x插件：

npm install vue-baidu-map-3x

然后，在你的Vue组件中引入并注册vue-baidu-map-3x插件：

import VueBaiduMap from 'vue-baidu-map-3x';

export default {
  components: {
    VueBaiduMap,
  },
  // ...
}

接下来，在模板中使用vue-baidu-map-3x插件来显示地图，并设置坐标位置和自动跳转：

<template>
  <div>
    <vue-baidu-map :ak="yourBaiduMapAK" :center="center" :zoom="zoom" ref="baiduMap">
      <vue-baidu-map-marker :position="markerPosition"></vue-baidu-map-marker>
    </vue-baidu-map>
  </div>
</template>

在上面的代码中，yourBaiduMapAK是你的百度地图AK（API Key），center是地图的中心坐标，zoom是地图的缩放级别，markerPosition是标记点的坐标位置。

最后，在Vue组件的mounted钩子中，可以使用$refs来获取到地图实例，并调用setCenter方法来自动跳转：

export default {
  // ...
  mounted() {
    const baiduMap = this.$refs.baiduMap;
    const map = baiduMap.getMap();
    map.setCenter(this.center);
  },
  // ...
}

通过上述步骤，你就可以在Vue3中设置坐标位置并自动跳转了。记得替换yourBaiduMapAK、center和markerPosition为你自己的实际值