用vue和leaflet实现行驶轨迹并可以回放轨迹路线，请生成完整的代码实例

好的，以下是使用Vue和Leaflet实现行驶轨迹并可以回放轨迹路线的完整代码实例：

HTML部分：

<div id="map"></div>
<button @click="play">回放</button>

JavaScript部分：

import L from 'leaflet';
import 'leaflet/dist/leaflet.css';

export default {
  data() {
    return {
      map: null,
      polyline: null,
      coords: [
        [31.2304, 121.4737],
        [39.9042, 116.4074],
        [22.3964, 114.1095],
        [30.5728, 104.0668]
      ],
      index: 0,
      intervalId: null
    };
  },
  mounted() {
    this.map = L.map('map').setView([31.2304, 121.4737], 5);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      attribution: 'Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors'
    }).addTo(this.map);
    this.polyline = L.polyline(this.coords, {color: 'red'}).addTo(this.map);
  },
  methods: {
    play() {
      if (this.intervalId) {
        clearInterval(this.intervalId);
      }
      this.index = 0;
      this.intervalId = setInterval(() => {
        if (this.index >= this.coords.length) {
          clearInterval(this.intervalId);
          return;
        }
        this.polyline.addLatLng(this.coords[this.index]);
        this.index++;
      }, 1000);
    }
  }
};

这是一个简单的实现，我们使用Leaflet绘制地图，并在地图上绘制一条红色的折线，然后使用Vue的按钮触发回放功能。我们使用一个数组来存储轨迹坐标，然后在回放时，使用setInterval定时器来添加坐标点，以呈现轨迹路径的效果。