地图路径频繁绘制
发布于 6 年前 作者 ichang 6366 次浏览 来自 问答
  • 当前 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组件中的路径规划会跟随定时器一起执行，造成反复绘制，频率与定时器一致

回到顶部