Javascript 热图 ReferenceError h337.create

Question

我正在修改 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 以寻找类似的问题但没有成功，我认为我忽略了一些愚蠢的事情..

Answer 1

改变这一行

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,0,255)", 0.55: "rgb(0,255,255)", 0.65: "rgb(0,255,0)", 0.95: "yellow", 1: "rgb(255,0,0)"}
    })

对我来说这很有效:)