javascript - openlayers热图在地图上显示红线

Question

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

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

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

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

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

Answer 1

我弄清楚了红线是什么，在绘制热图时，它会绘制所有具有最大渐变颜色的点，距离您请求的位置偏移 1000，然后在这些点的画布上生成阴影，这个阴影是您看到的所有渐变颜色的热图。

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