uniapp 引入天地图

要在uniapp中引入天地图，需要按照以下步骤进行操作：

1. 在uniapp项目中的static目录下，新建一个名为”tdt“的文件夹，将天地图的相关文件放入其中。你可以在天地图官网下载相关文件，包括地图服务API、样式文件等。

2. 在App.vue文件中引入天地图的样式文件，代码如下：

<style>
  @import url("/static/tdt/style.css");
</style>

3. 在需要使用天地图的页面中，引入天地图的JS文件和CSS文件。例如，在index.vue页面中，可以在<template>标签内添加以下代码：

<template>
  <div class="map-container">
    <div id="map"></div>
  </div>
</template>

<script>
import "@/static/tdt/TDTMap.js";
import "@/static/tdt/TDTMap.css";

export default {
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      // 初始化地图
      let map = new T.Map("map");
      // 设置地图中心点和缩放级别
      map.centerAndZoom(new T.LngLat(116.404, 39.915), 13);
      // 添加控件
      map.addControl(new T.Control.Scale());
      map.addControl(new T.Control.OverviewMap());
      map.addControl(new T.Control.MapType());
    },
  },
};
</script>

4. 在以上代码中，initMap()方法用于初始化地图，设置地图中心点和缩放级别。这里的地图对象使用了TDTMap.js中提供的T.Map类。

5. 最后，可以在页面中添加一个div元素，用于显示地图。在上述代码中，div元素的id为”map“，样式可以在style.css文件中进行设置。

完成以上步骤后，就可以在uniapp项目中使用天地图了。