在uniapp中使用天地图

在UniApp中使用天地图，可以按照以下步骤进行：

1. 在天地图开发者平台上申请开发者账号，并创建应用。具体步骤可以参考天地图官方文档。

2. 在UniApp项目中引入天地图的SDK。可以通过npm安装天地图SDK，也可以下载SDK包手动引入。

3. 在需要使用地图的页面中，引入天地图组件。可以使用官方提供的组件，也可以自定义组件。例如，在template中添加以下代码：

   <view class="map-container">
     <map :id="mapId" :setting="mapSetting" :style="mapStyle" @click="handleMapClick"></map>
   </view>

这里引入了名为“map”的组件，并传入了id、setting、style等参数。

4. 在页面的script中，编写相关的逻辑代码。例如，可以在页面的created生命周期函数中初始化地图，并在handleMapClick函数中处理地图的点击事件。

   import { createMapContext } from '@/utils/map' // 引入地图工具类

   export default {
     data() {
       return {
         mapId: 'map', // 地图组件的id
         mapSetting: {}, // 地图的配置项
         mapStyle: 'height: 100%; width: 100%;', // 地图的样式
       }
     },
     created() {
       this.initMap()
     },
     methods: {
       initMap() {
         const mapContext = createMapContext(this.mapId) // 创建地图上下文
         mapContext.setMapStyle('tdt_satellite') // 设置地图样式
         mapContext.moveToLocation() // 移动到当前位置
       },
       handleMapClick(event) {
         console.log('地图被点击了', event)
       },
     },
   }

这样就可以在UniApp中使用天地图了。具体的使用方式和API可以参考天地图官方文档和UniApp官方文档。