Hello @pyalot ,
I want to confirm the license about this library.
What's the detail BSD license?
References this website.
By the way, is this library published on npm?
Thanks very much!

cdnjs/cdnjs#6746

If you switch out the 3.2 api in arcgis.html for the 3.5 version it throws a TypeError "esri.layers is undefined" in heatmap-arcgis.js on the line "var Widget = declare("HeatmapLayer", [esri.layers.DynamicMapServiceLayer], {"

Want to be able to add this using bower. I've created an example manifest and I'll link the pull request

I got this error at compile time,
Any idea ?
my app is a "pure" front app, no js back app

When trying to convert the canvas to a png, I kept getting empty canvases.

This can be fixed by using getContext("experimental-webgl", {preserveDrawingBuffer: true}); when using getContext.

Just wondering whether the code should be changed accordingly.

Hi @pyalot,

Thanks for the great library, i use it for a personal project.

I would like to plot a heatmap from an area which i would like to split into a grid (e.g. 100x100 meters). is that possible and how? can you overlay the heatmap on google maps somehow?

Thanks,

Hi,

First off thanks for creating this, it is awesome.

I was just looking to experiment with specifying my own gradient texture, however providing one of the example gradient images causes the heatmap to be rendered in black and white, not according to the colours in the image.

Downloading the current project as is and uncommenting one of the initalisation lines that specifies the gradientTexture option results in this behaviour.

Thanks in advance,
Gary

Hi @pyalot,

I am trying to use your plugin but not able to load the map tile, I just see the datapoints.
I am running the sample code on your website. following is my code:

var baseURL = 'http://{s}.somedomain.com/blabla/{z}/{x}/{y}.png';

    var base = L.tileLayer(baseURL, {
        API: 'your-api',
        map_style: '44094'
      });

    //Halifax, Nova Scotia
    var map = L.map('map', {layers: [base]}).setView([
        44.65, -63.57
    ], 12);

    L.control.scale().addTo(map);

    //custom size for this example, and autoresize because map style has a percentage width
    var heatmap = new L.TileLayer.WebGLHeatMap({size: 500, autoresize: true});

    // dataPoints is an array of arrays: [[lat, lng, intensity]...]
    var dataPoints = [
        [
            44.6674, -63.5703, 37
        ],
        [
            44.6826, -63.7552, 34
        ],
        [
            44.6325, -63.5852, 41
        ],
        [
            44.6467, -63.4696, 67
        ],
        [
            44.6804, -63.487, 64
        ],
        [
            44.6622, -63.5364, 40
        ],
        [
            44.603, -63.743, 52
        ]
    ];

    map.addLayer(heatmap);
    heatmap.setData(dataPoints);

Hello there !

I have an accuracy issue with this awesome library.
Here is an example :
I have heatmap with blue, yellow and red colors gradient.
I want to add three points (like this example):
Point1 : addPoint(130, 100, 90, 0.6) ([130,100] color must be yellow)
Point2 : addPoint(100, 130, 90, 0.2) ([100,130] color must be blue)
Point3 : addPoint(130, 130, 90, 0.7) ([130,130] color must be orange)
And there is that I get :
Point1 is orange/red
Point2 is blue/yellow
Point3 is red
But I expect to have :
Point1 yellow, Point2 blue, Point3 orange
Between Points 1 and 2 yellow to blue gradient
Between Points 2 and 3, blue to orange gradient
Between points 1 and 3, yellow to orange gradient
This is very important because there is a legend to show which color match with values but because of this sum, this is not accurate at all..
So, I wanted to know if there is a way to have this kind of interpolation.

Thank you for your work.

This isn't really an issue but thought it might be a good context to mention that I forked this project and converted it to ES5 and CommonJS, then published it to npm. see: https://github.com/vicapow/webgl-heatmap.

I did this mainly to require it in the heatmap-overlay I created for use with react-map-gl.

First of all thank you for the work you have done with WebGL-HeatMap library. I am using your library for a personal project. I encounter a major barrier because the library does not have any method to obtain the intensity of a given point.

Is there any way to get it?

Hello @pyalot ,
I am the member of the cdnjs project.
We want to host this library.
But there is a question want to ask.
Could you add git tag for repository?
It's helpful for user to know the version and status.
And is this library published on npm package?
Thanks for your help!

cdnjs/cdnjs#6746

If each several points are added to the map with the same coordinates, shouldn't the whole point of the heatmap be that the intensity then automatically gets stronger at that coordinate.
I can add 100 points to the map with Intensity=1 and it just looks as it has gotten one hit.