diff --git a/frontend/matrix-middle-service-web/src/views/record/AMapLocation.vue b/frontend/matrix-middle-service-web/src/views/record/AMapLocation.vue index a55c68d..23a72f8 100644 --- a/frontend/matrix-middle-service-web/src/views/record/AMapLocation.vue +++ b/frontend/matrix-middle-service-web/src/views/record/AMapLocation.vue @@ -160,8 +160,8 @@ const feature = reactive({ showFixed: false }) function play(item){ - console.log(item) - playAnimation(map,data,view.lines[item.value],data.polylines[item.value]) + console.log(item,view.lines,data.polylines) + playAnimation(map,data,view.lines[item.value]) } // 地图实例 和 数据不要交给 vue 管理 否则性能大打折扣 且 会有各种奇葩问题 let map = {} diff --git a/frontend/matrix-middle-service-web/src/views/record/logic/play.ts b/frontend/matrix-middle-service-web/src/views/record/logic/play.ts index 04f4bed..47ff638 100644 --- a/frontend/matrix-middle-service-web/src/views/record/logic/play.ts +++ b/frontend/matrix-middle-service-web/src/views/record/logic/play.ts @@ -1,5 +1,5 @@ -export function playAnimation(map,data,line,polyline){ - console.log("playAnimation",line,polyline) +export function playAnimation(map,data,line){ + console.log("playAnimation",line) if(!data.animateMarker){ data.animateMarker = new AMap.Marker({ map: map, @@ -23,6 +23,9 @@ export function playAnimation(map,data,line,polyline){ // map.remove(data.animateMarker) // },100) }) + let polyline = new AMap.Polyline({ + path: path, + }) data.animateMarker.moveAlong(polyline.getPath(),{ duration: 1000/60, autoRotation: true