我正在修改一个来自
github的现有项目,该项目使用heatmap.js从游戏“反恐精英:全球攻势”中的匹配生成热图,原始开发人员似乎没有完成这部分代码或者它有错误它. Firebug控制台将此视为唯一的错误:
ReferenceError: h337 is not defined var heatmap = h337.create(
这是它似乎应该责怪的界限:https://github.com/deStrO/eBot-CSGO-Web/blob/master/apps/backend/modules/matchs/templates/_stats_heatmap.php#L26
我认为这里有一个错字/错误,花了几个小时试图找到它我无法这样做.
我尝试使用Chrome(v46.0.2490.80),Firefox(v41.0.2)生成热图,但没有任何反应,记录的唯一错误是TypeError,这是我必须要追求的.
有关可能导致此问题的任何提示/提示?我一直在谷歌搜索/搜索stackoverflow类似的问题没有成功,我认为有一些愚蠢我忽略..
解决方法
改变这一行
var heatmap = h337.create(
至
var heatmap = window.h337.create(
更新:
好吧,你很幸运我发现错误,你必须将“容器”属性传递给热图选项:
heatmap = window.h337.create( { "container": document.getElementById("heatmapArea"),"element": document.getElementById("heatmapArea"),"radius" : 11,"opacity": 40,"visible": true,"gradient" : { 0.45: "rgb(0,255)",0.55: "rgb(0,255,0.65: "rgb(0,0)",0.95: "yellow",1: "rgb(255,0)"} })
对我来说这工作:)