收藏
回答

地图路径频繁绘制

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug map 工具 6.7.3 2.3.0

- 当前 Bug 的表现(可附上截图)




- 预期表现


框架使用的是mpvue

版本 1.0.11


底部的倒计时是使用canvas绘制的,而上面的地图是使用小程序原生map组件,并且做了路径规划(使用的是腾讯地图小程序sdk),下面是watch,观察路径变化,当我加入console后,发现控制台只输出了两次1,也就是路径规划并没有重复绘制


watch: {
    routeDriving() {
      console.log(1);
      this.polyline[0].points = this.routeDriving;
    }
  }


控制台打印输出




map组件与canvas组件以及canvas绘制方法


<map id="map" scale="16" show-location :include-points="polyline[0].points" :longitude="location && location.longitude || ''" :latitude="location && location.latitude || ''" :markers="markers" :polyline="polyline"></map>

<canvas canvas-id="notice" :style="'width:' + cWidth + 'px;height:' + cHeight + 'px'"></canvas>

setInterval(() => {

   this._draw();
}, 20);



动画绘制过程使用的是定时器,但是奇怪的是map组件中的路径规划会跟随定时器一起执行,造成反复绘制,频率与定时器一致





回答关注问题邀请回答
收藏
登录 后发表内容