uniapp根据经纬度生成路线并实现轨迹回放功能

最新推荐文章于 2025-09-23 13:51:51 发布

原创

最新推荐文章于 2025-09-23 13:51:51 发布 · 452 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

记录一下最近项目中实现的一个关于路线生成并且在路线上有小车从起点向终点移动的一个功能

最终实现效果如下：

话不多说直接上代码

地图显示容器

<view class="map">
			<map id="map_container" :scale="mapScale" :markers="markers" :polyline="polyline" :show-location="true"></map>
		</view>

drawRoute() {
				const _this = this;
				//starlongitude为起始点的纬度
				//starlatitude为起始点的经度
				//key为自己申请的高德地图的key
				// 使用微信小程序的路径规划API获取路径
				uni.request({
					url: `https://restapi.amap.com/v3/direction/driving?key=${this.key}&origin=${this.starlongitude},${this.starlatitude}&destination=${this.endlongitude},${this.endlatitude}`,
					success: (res) => {
						if (res.statusCode === 200 &&