openlayers热图在地图上显示红线

Question

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

我将样本上传到： http : //hightech-library.com/heatmap

并且我添加了一点CSS，因此您将在旅途中看到问题，如果将图像拖到左侧，则红线将消失，就像有东西在挡住它，而向后拖动时，它将重新出现。

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

谁能告诉我我做错了什么或如何解决。

Answer 1

我弄清楚了红线是什么，当绘制热图时，它将绘制所有最大渐变颜色的点，这些点与您请求的位置之间的偏移为1000，然后在这些点的画布上绘制阴影，而该阴影是您使用所有渐变颜色看到的热图。

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