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

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

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, //线段起点 自我理解
                point: this.data.polyline[0].points[100], //线段终点 自我理解
                clear: false //false 变灰
              }],
              success: function (res) {
                console.log(res,'擦拭成功')
              },
              fail: function (res) {
                console.log(res,'擦拭失败')
              },
              complete: function (res) {
                console.log(res,'擦拭完毕')
              }
            })
            

我运行的时候擦拭成功和擦拭完毕打印出来了,但是路线并没有变化,然后我把lines[0].id 换成了1234之后再运行,接口返回结果一样,并没有报错。   

注:当前是在真机调试时打印结果,开发工具中不执行这个方法。

 以上方法参考下面这个小程序源码执行的,并没有达到我想要的效果

具体参考下列小程序中,出行服务接口----司乘同显-拼车

小程序源码:https://github.com/TencentLBS/TencentMapMiniProgramDemo

 最后,有大佬会的,还请赐教!

  • 7
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值