Javascript 带GMAP的Heatmap.js-显示和隐藏单个数据点

我不太使用JavaScript。我想基于UI滑块显示和隐藏热图上的各个数据点，下面的代码可以工作，但效率低下，因为每次都要循环浏览列表

对于小型测试数据集来说，这是可以的，但不可扩展。有没有人知道如何在谷歌地图上显示和隐藏热图的个别数据点？

这是我的工作代码

当滑块移动时，循环遍历各个数据点以进行旅程

for (var i = 0; i < listOfJourneys.length; i++) {

   for (var j = 0; j < listOfJourneys[i]['listOfJourneyDataPoints'].length; j++) {

如果当前数据点位于“到”和“从”滑块边界之外，则隐藏（即删除）数据点

      if (currentTime >= slider_min_val && currentTime <= slider_from || currentTime >= slider_to && currentTime <= slider_max_val) {

        displayedDataPoints[i]['listOfJourneyDataPoints'][j] = "";
  }

在地图上设置数据点

        heatmap.setData(getAllPoints(currentTripList));

    }

 }

---

行程对输出有影响吗？还是仅仅是数据点？ 我想把所有的旅程数据点合并成一个数组。按时间排序。 然后，当滑块移动以从数组中取出一个切片时，您只需要知道该数组中的第一个/最后一个索引。 如果滑块具有固定的粒度（小时？），则可以对这些索引进行事件预计算

      else {

        if (displayedDataPoints[i]['Journey'][j] === "") {

                 displayedDataPoints[i]['listOfJourneyDataPoints'][j] =
JSON.parse(JSON.stringify(originalListOfJourneys[i]['listOfJourneyDataPoints'][j]));

              }                  

            }

        heatmap.setData(getAllPoints(currentTripList));

    }

 }