vue 腾讯地图轨迹

      TMap('QDCBZ***********************').then(qq => {

          this.map = new qq.maps.Map(document.getElementById("mapcontainer"), {
            center: new qq.maps.LatLng(35.37809,116.702256),
            zoom: 14,
            mapStyleId: 'style1',
            zoomControl: false,
            scaleControl: false,
            panControl: false,
            mapTypeControl: false,
            noClear: true
          });
          var path = [
            new qq.maps.LatLng(35.37809,116.702256),
            new qq.maps.LatLng(35.376514,116.701927),
            new qq.maps.LatLng(35.376375,116.703426),
            new qq.maps.LatLng(35.375431,116.703282),
            new qq.maps.LatLng(35.375335,116.704833)
          ];
          var personImage=person;
          var anchor = new qq.maps.Point(10, 30);
          var size = new qq.maps.Size(32, 30);
          var origin = new qq.maps.Point(0, 0);
          var icon =new qq.maps.MarkerImage(personImage, size, origin, anchor);

          //设置图标
          this.marker1 = new window.qq.maps.Marker({
            icon:icon,
            position: path[0],
            map: this.map,
            autoRotation: true,
          });
          //画出轨迹
          this.polyline = new qq.maps.Polyline({
            path: path,
            strokeColor: "#28F",
            strokeWeight: 6,
            editable: false,
            map: this.map
          });
          //图标沿着轨迹移动
          this.marker1.moveAlong(path, 80);

 
      

           
            })
          }

      });