openlayers heatmap在地图上显示红线

时间:2013-05-19 06:15:11

标签: javascript openlayers heatmap

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

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

我添加了一点css,所以你会在旅途中看到问题,如果你将图像向左拖动,红线就会像阻挡它一样消失,当拖回它时它会重新出现..

查看页面来源,您将看到示例代码。

任何人都可以告诉我,如果我做错了什么或如何解决它..

1 个答案:

答案 0 :(得分:1)

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

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