vue3引入天地图api

要在Vue3中引入天地图API，可以按照以下步骤进行：

1. 在index.html中添加天地图API的js文件链接，例如：

<script src="http://api.tianditu.gov.cn/api?v=4.0&tk=<your_key>"></script>

其中，`<your_key>`需要替换为你自己的天地图API密钥。

2. 在Vue3组件中使用天地图API，例如：

<template>
  <div id="map"></div>
</template>

<script>
export default {
  mounted() {
    // 创建天地图对象
    const map = new TMap.Map("map", {
      center: new TMap.LatLng(39.90923, 116.397428),
      zoom: 12
    });
    
    // 添加天地图控件
    const ctrl = new TMap.Control();
    map.addControl(ctrl);
    
    // 添加天地图标注
    const marker = new TMap.Marker(new TMap.LatLng(39.90923, 116.397428));
    map.addOverLay(marker);
  }
};
</script>

在上面的代码中，我们首先在mounted钩子函数中创建了一个天地图对象，然后添加了控件和标注。需要注意的是，在使用天地图API时，需要根据API文档提供的方式来创建相应的对象和方法。