vue3 集成天地图，完美实例

在Vue 3中，你可以使用天地图JavaScript API进行集成。以下是一个基本的例子，展示了如何在Vue 3组件中集成天地图并添加一个地图实例：

1、首先，确保你已经在你的项目中包含了天地图的JavaScript API。你可以通过以下方式添加：

<!-- 在你的index.html或者相应的模板文件中 -->
<script src="http://api.tianditu.gov.cn/api?v=4.0&tk==你的天地图key"></script>

2、创建一个Vue 3组件，并在组件中添加地图的初始化逻辑，先上代码，代码中实现了部分功能。如果需要详细，可以联系我。

<template>
  <div class="dashboard-editor-container">
    <div id="mapDiv" style="position: absolute; width: 96%; height: 80%"></div>
  </div>
</template>
<script setup name="Index">
const dataMap = ref({
     })
// 响应式数据  
const data_info = ref([]); 
const init = () => {
     
 
    //这里T指向天地图对象
    var T = window.T;
    //初始化地图，创建一个新的地图实例
    //其中 `T.Map` 接收的第一个参数是在html中天地图标签的ID
    //第二个参数是天地图的参考系，我这里设置的是 `EPSG:4326`，也就是WGS84 坐标参考系。
    //map = new T.Map("mapDiv","EPSG:4326");
    map =</