vue+天地图巡航轨迹代码

以下是一个简单的示例代码，演示如何在Vue.js中使用天地图平台实现巡航轨迹功能：

<template>
  <div id="mapContainer"></div>
</template>

<script>
export default {
  mounted() {
    this.initMap();
    this.addCruiseTrail();
  },
  methods: {
    initMap() {
      // 初始化地图
      const map = new T.Map("mapContainer");
      map.centerAndZoom(new T.LngLat(116.397428, 39.90923), 13); // 设置地图中心点和缩放级别
      
      // 添加地图控件
      const ctrl = new T.Control();
      map.addControl(ctrl);
    },
    addCruiseTrail() {
      // 获取巡航轨迹坐标点，这里使用一个示例数据
      const trailPoints = [
        [116.397428, 39.90923],
        [116.407428, 39.90923],
        [116.417428, 39.90923],
        [116.427428, 39.90923]
      ];
      
      // 创建巡航轨迹折线
      const polyline = new T.Polyline(trailPoints, {
        color: "#FF0000",
        weight: 5,
        opacity: 0.8
      });
      
      // 将巡航轨迹添加到地图上
      const map = document.getElementById("mapContainer").map;
      map.addOverLay(polyline);
    }
  }
};
</script>

<style>
#mapContainer {
  width: 100%;
  height: 400px;
}
</style>

以上代码中，首先在`mounted`生命周期钩子函数中初始化地图，然后在`addCruiseTrail`方法中获取巡航轨迹的坐标点，创建巡航轨迹折线，并将其添加到地图上。

需要注意的是，这只是一个简单的示例，具体的实现方式会根据天地图SDK的版本和文档要求有所不同。你需要参考天地图SDK的相关文档和示例来进行具体的操作。同时，也可以根据需求自定义巡航轨迹的样式和交互方式。