如何渲染图像上的heatmap.js？

2018-06-08 07:14:30

我正在使用heatmap.js覆盖使用GoogleMaps插件的热图。我希望能够将图片作为图像和热图贴图一起下载。我尝试了方法heatmapInstance.getDataURL（）只返回重叠区域，而不是与它覆盖的图像一起。

你需要创建一个在你的div和脚本标签中使用的id

var heatmapInstance = h337.create({
    container: document.getElementById('heatMap')
});

正如你所看到的，我通过id'heatmap'获得了元素。因此，在您想要将图片放在页面上的div的内部，只需调用id'heatmap'

<div id='heatMap'></div>

然后只需使用css在热图下放置一个图像

#heatMap {
    background-image: url(HinckleyTown.jpg);
    height: 445px;
    width: 840px;
}

我使用相同的ID为CSS，HTML和JavaScript。

链接地址: http://www.djcxy.com/p/25161.html