vue中使用setIntval实现地图分批渲染

项目中的问题

引用蜂鸟云地图，实现部署基站，但是数据库中的数据量很大，一下子全部渲染到地图页面，长事件运行控制台会有警告

requestAnimationFrame' handler took <N>ms

百度之后，大致了解到这个是因为画布绘制的原因，于是想要分批渲染基站到地图页面解决这个问题

数组分组

通过接口获取的基站数据的数组长度很大，需要分成每10个或者每20个一组的数组

		  this.stationArr = resp.data.data // 获取到的基站数据
          for (let i = 0, len = this.stationArr.length; i < len; i += 10) {
            this.resultArr.push(this.stationArr.slice(i, i + 10))
          }

经过分组后的数组结构如下

关于setInterval定时器

在网上查找了一些资料，大致了解到定时器要在mounted中声明，在destory中销毁，结合我的具体项目，实现了想要的效果

mounted() {
  if (this.timer) {
    clearInterval(this.timer)
  } else {
    this.timer = set