我在使用heatmap-openlayers.js时遇到问题，我在页面上加载了一些仅显示热图渐变的默认点，但是当我拖动图像（地图）或将渐变移动到图像底部时，我发现我在地图上也有一条红线，它似乎是渐变点集的复制，但无法弄清楚它为什么发生。
我将样本上传到：http://hightech-library.com/heatmap
并且我添加了一点CSS，因此您会在旅途中看到问题，如果将图像拖到左侧，红线将消失，就像是有东西在挡住它，而向后拖动时，它将重新出现。
查看该页面的源代码，您将看到示例代码。
谁能告诉我我做错了什么或如何解决。
最佳答案
我想出了红线是什么，当绘制热图时，它会绘制所有具有最大渐变颜色的点，这些点与您请求的位置之间的偏移为1000，然后在这些点的画布上绘制阴影，而该阴影是您使用所有渐变颜色看到的热图。
在固定颜色的图像上绘制时，该偏移量1000还不够，当我拖动地图时，我看到阴影的来源为“红线”。我的解决方案是增加此偏移量并推动那些“红线”在画布外面。
关于javascript - openlayers热图在 map 上显示红线，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16631967/