我已经四处搜寻,找不到答案。我正在使用这个图书馆 https://github.com/ekchatzi/temperature-map-gl 创建热图。
我在github上发布了一个问题,但没有回应,现在尝试在这里。我在Chrome中遇到这些WebGL错误,Firefox抛出了类似的错误。我不是WebGL专家,也不知道在哪里看。
左边的图片应该具有覆盖整个flooplan的完整的热图色谱,但是由于这些错误,现在它甚至无法绘制。
我环顾四周,没有运气。
编辑:这是我的Javascript代码。
var temperature_maps = [];
for (var i = 0; i < 1; ++i) {
temperature_maps[i] = new temperature_map_gl(image, {
framebuffer_factor: 0,
opacity: 0.6,
p: 4,
show_points: i == 0,
point_text: function(val) {
var v;
if(val < 1)
v = val.toFixed(2);
else if(val < 10)
v = val.toFixed(1);
else
v = Math.round(val);
return v + "°F";
}
});
}
function draw(temps) {
for (var i = 0; i < temperature_maps.length; ++i) {
var temperature_map = temperature_maps[i];
var points = [
[110, 60, temps.th1_temp],
[90, 120, temps.th2_temp],
[90, 250, temps.th3_temp],
[90, 360, temps.th4_temp],
[90, 490, temps.t5_temp ],
[110, 600, temps.t6_temp]
];
var w = 289;
var h = 676;
var min_temp = 65; // min = blue
var max_temp = 75; // what is max = red
normal_val = 70; // normal = green
temperature_map.set_points(points, min_temp, max_temp, normal_val);
var start = performance.now();
temperature_map.draw();
temperature_map.context.finish();
//console.log( points.length + " points at q=" + q + " took " + (performance.now() - start) + " ms" );
};
}
库链接到github
https://github.com/ekchatzi/temperature-map-gl/blob/master/temperature-map-gl.js
我没有明确地调用glClear或glDrawArrays,我肯定会调用该库。