Javascript openlayers热图在地图上显示红线

我在使用heatmap-openlayers.js时遇到了一个问题，我加载了一个带有一些默认点的页面，这些默认点只显示了热图的渐变，但是当我拖动图像（贴图）或将渐变移到图像底部时，我发现我在地图上也有一条红线，这似乎是梯度点集的复制，但无法解释为什么会发生

我上传了一个样本到：

我添加了一点css，这样你就可以在移动中看到问题，如果你将图像拖到左边，红线就会消失，就像有东西挡住了它一样，当你向后拖时，它会重新出现

查看页面的源代码，您将看到示例代码

---

有人能告诉我我是否做错了什么或如何修复吗？

我知道红线是什么，在绘制热图时，它使用最大渐变颜色绘制所有点，从您要求的位置偏移1000，然后在画布上生成这些点的阴影，此阴影是您在所有渐变颜色中看到的热图

---

在使用固定颜色绘制图像时，此偏移量为1000是不够的，当我拖动地图时，我看到阴影的来源是“红线”。我的解决方案是增加此偏移量并将这些“红线”推到画布外。

我删除了示例，因为问题已解决。。