uniapp怎么使用天地图

要在uniapp中使用天地图，需要先在天地图官网（https://www.tianditu.gov.cn/）上注册账号，然后获取密钥（key）。

接下来，可以使用uniapp的原生组件WebView来加载天地图的Web API。在WebView中，可以使用JavaScript调用天地图提供的API，实现地图的显示、缩放、标记、搜索等功能。

具体实现步骤如下：

1. 在uniapp项目中创建一个页面，例如Map.vue。

2. 在页面中使用WebView组件，设置src属性为天地图的Web API地址，同时将密钥作为参数传递给API。示例代码如下：

<template>
  <view>
    <web-view :src="mapUrl"></web-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      key: 'your tianditu key',
      mapUrl: `http://map.tianditu.gov.cn/api?v=4.0&tk=${this.key}`
    }
  }
}
</script>

3. 在页面中使用JavaScript调用天地图提供的API。例如，可以使用JavaScript代码设置地图的中心点和缩放级别：

<template>
  <view>
    <web-view :src="mapUrl" @message="onMessage"></web-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      key: 'your tianditu key',
      mapUrl: `http://map.tianditu.gov.cn/api?v=4.0&tk=${this.key}`
    }
  },
  methods: {
    onMessage(e) {
      // 接收来自WebView的消息
      const message = JSON.parse(e.detail.data)
      if (message.type === 'load') {
        // 设置地图中心点和缩放级别
        const map = message.target
        map.centerAndZoom(116.39745, 39.90882, 10)
      }
    }
  }
}
</script>

通过以上步骤，就可以在uniapp中使用天地图了。注意，天地图提供了多种API，具体使用方法可以参考天地图官方文档。