MapContext.eraseLines 路径规划回放擦除已走过路线

关注

VIP免费原创最新推荐文章于 2026-06-13 10:45:59 发布 853 阅读 AI 写同款· GEO 优化 ›

微信小程序polyline 微信小程序polyline踩坑最近在做微信小程序项目，有个需求为实现轨迹路线。官方文档一看，嗯，要用polyline，马上写个demo，很简单嘛，代码如下：` // 初始数据 data: { polyline: [{ points: [{ latitude: "31.79453053831718", longitude: "120.02379165275012" }, { latitude: "31.7920170 阅读详情

找了一下午也没找到这个方法怎么才能有效过（微信小程序开发）

wxml:

 <map id="map" class="map" longitude="{
  
  {lng}}" latitude="{
  
  {lat}}" markers="{
  
  {markers}}"   polyline="{
  
  {polyline}}" >
  <cover-view bindtap="play">擦拭</cover-view>
</map>

js：


 polyline: [{
                  points: pathArr,
                  color: '#3777FF', //线填充色
                  width: 8, //折线宽度
                borderWidth: 5, //边线宽度
                  borderColor: '#FFF', //边线颜色
                  lineCap: 'round', //线端头方式
              arrowLine: true,
              id: 250,  //路线id
                }],
/此方法就是轨迹运动
this.setData({mapCtx:wx.createMapContext("map", this) })
// 缩放地图
this.data.mapCtx.includePoints({
       points: pathArr, //路线
       padding: [50]
})
// 擦拭路线
  this.data.mapCtx.eraseLines({
              lines: [{
                id: 250,  //路线id
                index: 0,