ToBeNumberOne
/
web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

轨迹功能

master
one 2023-12-04 14:39:03 +08:00
parent d58bdc4e48
commit 753d06948c
1 changed files with 21 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/allCar/operation.vue
View File

@ -3,22 +3,22 @@
<div id="container" />
<div class="input-card">
<h4>轨迹回放控制</h4>
<div class="input-item">
<input id="start" type="button" class="btn" value="开始动画" @click="startAnimation()">
<input id="pause" type="button" class="btn" value="暂停动画" @click="pauseAnimation()">
</div>
<div class="input-item">
<input id="resume" type="button" class="btn" value="继续动画" @click="resumeAnimation()">
<input id="stop" type="button" class="btn" value="停止动画" @click="stopAnimation()">
</div>
<!-- <div class="input-item">-->
<!-- <el-button type="primary" round plain id="start" @click="startAnimation">开始动画</el-button>-->
<!-- <el-button type="primary" round plain id="pause" @click="pauseAnimation">暂停动画</el-button>-->
<!-- </div>-->
<!-- <div class="input-item">-->
<!-- <el-button type="primary" round plain id="resume" @click="resumeAnimation">继续动画</el-button>-->
<!-- <el-button type="primary" round plain id="stop" @click="send">实时轨迹</el-button>-->
<!-- </div>-->
<!-- <div class="input-item">-->
<!-- <input id="start" type="button" class="btn" value="开始动画" @click="startAnimation()">-->
<!-- <input id="pause" type="button" class="btn" value="暂停动画" @click="pauseAnimation()">-->
<!-- </div>-->
<!-- <div class="input-item">-->
<!-- <input id="resume" type="button" class="btn" value="继续动画" @click="resumeAnimation()">-->
<!-- <input id="stop" type="button" class="btn" value="停止动画" @click="stopAnimation()">-->
<!-- </div>-->
<!-- <div class="input-item">-->
<!-- <el-button type="primary" round plain id="start" @click="startAnimation">开始动画</el-button>-->
<!-- <el-button type="primary" round plain id="pause" @click="pauseAnimation">暂停动画</el-button>-->
<!-- </div>-->
<!-- <div class="input-item">-->
<!-- <el-button type="primary" round plain id="resume" @click="resumeAnimation">继续动画</el-button>-->
<!-- <el-button type="primary" round plain id="stop" @click="send">实时轨迹</el-button>-->
<!-- </div>-->
</div>
</div>
</template>
@ -45,16 +45,15 @@ export default {
}
},
created() {
this.socket = new WebSocket('ws://10.100.1.8:9802/websocket/12345')
},
mounted() {
this.socket = new WebSocket('ws://localhost:9804/websocket/vin123123123')
setTimeout(() => {
this.initAMap()
}, 500)
this.socket.onopen = this.handleOpen
this.socket.onmessage = this.handleMessage
this.socket.onerror = this.handleError
setTimeout(() => {
this.send()
this.initAMap()
}, 500)
},
methods: {
send() {
@ -114,7 +113,7 @@ export default {
this.marker.setPosition(this.arr)
this.marker.on('moving', (e) => {
this.passedPolyline.setPath(e.passedPath)
this.map.setCenter(e.target.getPosition(), true)
this.$AMap.setCenter(e.target.getPosition(), true)
})
this.marker.moveAlong(this.lineArr,