uniapp--腾讯地图路线轨迹回放

腾讯地图路线轨迹回放

<template>
	<div>
		<cu-custom bgColor="bg-gradual-green" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">路线轨迹</block>
		</cu-custom>
		<view class="notice">
			<u-notice-bar :text="text"></u-notice-bar>
		</view>
		<view class="map-container">
			<map id="map" class="map" :latitude="latitude" :longitude="longitude" :show-location="false" :markers="covers" :polyline="polyline"></map>
		</view>
		<view class="btn">
			<button type="primary" size="mini" @click="selectionLocation">手动选择目的地</button>
			<button type="warn" size="mini" @click="routePlanning">开始驾车路线规划</button>
			<button type="primary" size="mini" @click="carshow">显示小车</button>
			<button type="primary" size="mini" @click="routerTrack">轨迹模拟运行</button>
		</view>
	</div>
</template>

<script>
	// 引入SDK核心类，地图组件
	import QQMapWX from '../components/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.js'
	export default{
   
   
		data(){
   
   
			return{
   
   
				qqmapsdk:{
   
   },  // 腾讯地图小程序的SDK
				text: '路线轨迹，带小车图标',  // 滚动通知
				latitude: '',  // 纬度
				longitude: '',  // 经度
				covers:[],  // 地图上面的标记点
				form:{
   
     // 初始地
					latitude: '',
					longitude: