ry-vue-map 0.4.7 → 0.4.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ry-vue-map",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "private": false,
   "main": "lib/ryui.umd.min.js",
   "description": "ry公共组件库",

package/src/components/maps/ryLines/src/index.vue

@@ -7,7 +7,7 @@
 					<button class="button-stop" @click.stop="onStopTrajectory()" v-else></button>
 				</el-col>
 				<el-col style="margin-left: 30px;" :xs="13" :sm="19" :md="19" :lg="19" :xl="23">
-					<el-slider v-model="index" :marks="marks" show-tooltip :step="1" :min="0" :max="cacheArr.length"
+					<el-slider v-model="index" :marks="marks" show-tooltip :step="1" :min="0" :max="cacheArr.length - 1"
 						@change="sliderChange" :format-tooltip="formatTooltip"></el-slider>
 				</el-col>
 			</el-row>
@@ -402,7 +402,14 @@
 				}
 				this.intervalId = setInterval(r => {
 					
-					if (this.index >= this.len - 1 || !this.isPlayback) {
+					if (this.index >= this.len - 1   || !this.isPlayback) {
+						
+						const line = this.cacheLines[this.cacheLines.length - 1];
+						const points = this.cacheArr[this.index];
+						this.setMarkerPoint(this.moveMarker, points);
+						line.appendCoordinate(points, this.gpsType);
+						this.$emit('trackPlayEvent',{index:this.index,points});
+						
 						this._clearInterval();
 						this.index=0;
 						this.isStop = false;
@@ -473,6 +480,7 @@
 				const arr =[];
 				const _points=[...points];
 				if(keys.length <=1 ){
+	
 					const key=keys[0];
 					const {width,zIndex}=this.cacheModelArr.get(key);
 				    arr.push({
@@ -480,13 +488,12 @@
 					color:this.cacheColors.get(key),
 					width,
 					zIndex,
-				    pointArr:_points.splice(0,step)
+				    pointArr:_points.splice(0,step + 1)
 				  });
 					return arr;
 				}
 				
 				for(let i=0;i< keys.length;i++){
-			 
 				 const key=keys[i];
 				  const {width,zIndex}=this.cacheModelArr.get(key);
 				  const pointArr=_points.splice(0,this.cacheLenArr[i]);
@@ -512,14 +519,14 @@
 				  this.$emit('trackPlayEvent',{index:val,points:this.cacheArr[0] });
 				  return;
 			  }
-			  const points= this.cacheArr.slice(0,val);
+			  const points= this.cacheArr.slice(0,val + 1);
 			  const arr =    this.createLineModels(this.getKeys(val),points,val);
 			  arr.forEach(r=> this._insertLineAndMarker2(r,false));
 			  if(points.length){
-				this.$emit('trackPlayEvent',{index:val,points:points[points.length-1] });
+				this.$emit('trackPlayEvent',{index:val,points:points[points.length - 1] });
 			  }
 			  if (this.moveMarkerDto && !this.moveMarker && points.length) {
-					this.moveMarker = this.createStartMarker(this.moveMarkerDto, points[points.length-1]);
+					this.moveMarker = this.createStartMarker(this.moveMarkerDto, points[points.length - 1]);
 					return;
 			  }