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

Question

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

我上传了一张示例到：http://hightech-library.com/heatmap

我添加了一点css，所以你会看到问题在旅途中，如果你将图像拖到左边，红线会消失，就像有东西阻塞它，当拖回它会重新出现..

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

谁能告诉我，如果我做错了什么或如何解决它..

Answer 1

我想通了什么红线是，绘制它吸引所有的点与最大渐变色与热图时相对于您请求的位置偏移1000，然后它会在这些点的画布上产生阴影，而此阴影是您用所有渐变颜色看到的热图。

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