在Vue3中使用天地地图

Vue3 中使用天地地图可以参考以下步骤：

1. 首先在你的项目中安装天地地图的 SDK，可以使用 npm 安装：

npm install @tencent/maps --save

2. 在组件中引入 SDK，可以在 `setup()` 函数中引入：

import { createApp, ref, onMounted } from 'vue'
import TencentMaps from '@tencent/maps'

export default {
  setup() {
    const map = ref(null)
    const center = { lat: 39.916527, lng: 116.397128 }

    onMounted(() => {
      // 初始化地图
      map.value = new TencentMaps.Map('map', {
        center,
        zoom: 13,
        key: 'Your_Tianditu_Key'
      })
    })

    return { map }
  }
}

3. 在模板中使用地图，可以在 `template` 中加入以下代码：

<template>
  <div id="map" style="width: 100%; height: 100vh;"></div>
</template>

其中 `id="map"` 的值为地图容器的 ID，可以自定义。

4. 在 Tianditu 平台上申请 API Key，并替换代码中的 `Your_Tianditu_Key`。

以上是在 Vue3 中使用天地地图的基本步骤，你可以根据实际需求进行进一步的开发和调整。