uniapp 如何使用天地图

在 Uniapp 中使用天地图可以通过以下两种方式进行集成：

1. 使用天地图插件

天地图官方提供了 Uniapp 插件，可以在 Uniapp 项目中使用该插件实现对地图的调用和展示。使用步骤如下：

- 在 HBuilderX 中创建 Uniapp 项目；
- 在项目根目录下的 `manifest.json` 文件中添加天地图插件的引用：

"uni_modules": {
    "name": "map",
    "version": "1.0.0",
    "modules": {
      "map": {
        "provider": "wx006e4f9b8e6db7a1"
      }
    }
  }

- 在页面中引入地图组件并设置属性：

<template>
  <view class="map">
    <map :longitude="longitude" :latitude="latitude" :scale="scale" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      longitude: 116.397128,
      latitude: 39.916527,
      scale: 14
    };
  }
};
</script>

2. 使用天地图 API

除了使用插件，也可以通过调用天地图 API 的方式实现地图的集成和调用。使用步骤如下：

- 在天地图开放平台注册账号并获取开发者密钥；
- 在 Uniapp 项目中引入天地图 API 的 JavaScript 库和 CSS 样式文件：

<script src="//api.tianditu.gov.cn/api?v=4.0&tk=yourkey"></script>
<link rel="stylesheet" href="//api.tianditu.gov.cn/api4x/css/tdt.lib.min.css" />

- 在页面中创建地图容器并初始化地图：

<template>
  <view class="map" id="map"></view>
</template>

<script>
export default {
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      var map = new T.Map("map");
      map.centerAndZoom(new T.LngLat(116.397128, 39.916527), 14);
    }
  }
};
</script>

以上是两种使用天地图的方式，可以根据项目需求和个人喜好选择适合自己的方式。