vue3组合式api中使用vue-baidu-map-3x自定义地图中心点

在Vue3组合式API中使用vue-baidu-map-3x自定义地图中心点，可以按照以下步骤：

1. 安装vue-baidu-map-3x

你可以通过以下命令使用npm安装vue-baidu-map-3x：

npm install vue-baidu-map-3x --save

2. 在组合式API中引入vue-baidu-map-3x

在需要使用百度地图的组件中，你需要先引入vue-baidu-map-3x。例如，在一个名为Map.vue的组件中，你可以这样引入：

<script>
import { defineComponent } from 'vue'
import BaiduMap from 'vue-baidu-map-3x'

export default defineComponent({
  components: {
    BaiduMap
  },
  setup() {
    // 组合式API的代码
  }
})
</script>

3. 在setup函数中定义地图中心点

在setup函数中，你可以定义地图的中心点和缩放级别。例如：

<script>
import { defineComponent } from 'vue'
import BaiduMap from 'vue-baidu-map-3x'

export default defineComponent({
  components: {
    BaiduMap
  },
  setup() {
    const center = { lng: 116.404, lat: 39.915 }
    const zoom = 12

    return {
      center,
      zoom
    }
  }
})
</script>

在这个例子中，我们定义了地图的中心点为北京市中心，缩放级别为12。

4. 在模板中使用地图

最后，在模板中使用vue-baidu-map-3x组件，并且传入定义的中心点和缩放级别。例如：

<template>
  <div class="map-container">
    <baidu-map :center="center" :zoom="zoom"></baidu-map>
  </div>
</template>

现在，你已经在Vue3组合式API中使用vue-baidu-map-3x自定义了地图的中心点。你可以通过修改center的值来改变地图的中心点。