uni-app调用天地图

uni-app是一种基于Vue.js的跨平台开发框架，允许开发者使用统一的代码编写多端应用。在uni-app中调用天地图，我们可以使用天地图提供的JavaScript API来实现。

首先，我们需要在uni-app项目中引入天地图的JavaScript API。可以在uni-app的main.js文件中使用script标签或者通过npm安装天地图相关的依赖包。

在调用天地图之前，我们需要先获取天地图的开发者密钥，然后在uni-app的配置文件中配置天地图的密钥。在uni-app的manifest.json文件中添加对应的配置项，如下所示：

{
  ...
  "mp-weixin": {
    ...
    "permission": {
      "scope.userLocation": {
        "desc": "你的位置信息将用于小程序地图展示"
      }
    },
    "usingComponents": {},
    "window": {
      "navigationBarTitleText": "uni-app天地图示例"
    }
  },
  "tmapKey": "你的天地图开发者密钥",
  ...
}

接下来，我们可以在uni-app的页面组件中使用天地图的API。可以在页面的vue文件中，通过import引入天地图的API并初始化地图实例，然后使用对应的方法调用天地图功能。

import TMap from '天地图的API路径';

export default {
  mounted() {
    const map = new TMap.Map('map-container', {
      center: new TMap.LatLng(39.9075, 116.3972), // 地图初始中心点
      zoom: 9 // 地图初始缩放级别
    });

    // 添加地图控件
    const ctrl = new TMap.control.ScaleControl();
    map.addControl(ctrl);
  }
}

在上述代码中，我们通过引入天地图的API，创建了一个地图实例，并指定了初始的中心点和缩放级别。然后，我们实例化了一个地图控件，并将其添加到地图中。

除了添加控件，我们还可以通过地图实例调用其他天地图功能，如地图标注、路线规划等。

综上所述，通过在uni-app项目中引入天地图的JavaScript API，我们可以方便地调用天地图的各项功能，实现地图展示及相关操作。