I am looking for a heatmap vizualization on a map, which shows:

  1. local maxima: that means that you always see some "red spots" regardless the zoom. See the picture below.

enter image description here

  1. enables to set a weight to the points.

  2. provides an API.

Ideally I would like to also display a legend for the heatmap.

UPDATE Based on my research and a comment of @IvanSanchez I found that:

enter image description here

Leaflet with leaflet.heat plugin and heatmap.js turned out to cover all three requirements. However, a problem with heatmap.js was that points being plotted are very close to each other and the outcome was a red overlay rather than a heatmap. See the picture below. This problem was overcome in leaflet by setting radius and a blur parameters. Leaflet turned out to be the best option.

enter image description here

  • According to the readme for Leaflet.heat, the data points must be given in [lat, lng, intensity] format, so your claim that Leaflet.heat does not allow to set weights of individual data points is incorrect. – IvanSanchez Nov 29 '16 at 12:26
  • I completely overlooked that. I will check and let you know. Thank you for response! – Adam Nov 29 '16 at 13:53
  • Please remember to edit and update your question with your new findings! – IvanSanchez Nov 29 '16 at 14:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.