分批获取数据，分批渲染

一杯清酒.

已于 2022-11-22 10:22:30 修改

阅读量342

点赞数

分类专栏： Leaflet Vue2 前端项目总结文章标签： vue.js elementui leaflet 前端 javascript

于 2022-11-22 10:12:09 首次发布

本文链接：https://blog.csdn.net/qq_45827004/article/details/127977387

版权

Vue2 同时被 3 个专栏收录

32 篇文章 0 订阅

订阅专栏

前端项目总结

18 篇文章 0 订阅

订阅专栏

Leaflet

5 篇文章 0 订阅

订阅专栏

async queryTrace() {
      this.latlngs = [];
      this.queryInfo.startTime = this.timeValue[0] + " " + "00:00:00.000";
      this.queryInfo.endTime = this.timeValue[1] + " " + "00:00:00.000";
      var num = 2;
      while (num > 1) {
        const res = await queryTrace(this.queryInfo);
        num = Math.ceil(res.data.total / this.queryInfo.limit);
        this.queryInfo.startTime =
          res.data.data[res.data.data.length - 1].travelTime;
        if (res.code != 0) {
          return this.$message.error("查询失败！");
        }
        var data = res.data.data.filter((item) => {
          return item.latitude != 0 && item.longitude != 0;
        });
        this.polyline(data);
      }
    },
    polyline(data) {
      data.forEach((item) => {
        var arr = [];
        arr.push(item.latitude);
        arr.push(item.longitude);
        this.latlngs.push(arr);
      });
      L.polyline(this.latlngs, {
        weight: 2,
        color: "red",
      }).addTo(this.map);
    },

var num = 1;
      for (var i = 0; i < num; i++) {
        const res = await queryTrace(this.queryInfo);
        num = Math.ceil(res.data.total / this.queryInfo.limit);
        var index = res.data.data.length - 1;
        this.queryInfo.startTime = res.data.data[index].travelTime;
        if (res.code != 0) {
          return this.$message.error("查询失败！");
        }
        var data = res.data.data.filter((item) => {
          return item.latitude != 0 && item.longitude != 0;
        });
        this.polyline(data);
      }