Javascript map visualization libraries that implement IDW heatmaps

المشرف العام

Administrator
طاقم الإدارة
I'm not very well versed yet when it comes go Gis, so excuse if I badly use some terms.

I have some data that I'd like to present in a web map (leaflet.js) using a heatmap. Basically I have a list of buildings and how much they cost per month to rent for a city. For this value (rent), I'd like to show the whoe spectrum (red-green) what areas of a city are more expensive (red) and what others aren't (green) and everything in between. I don't have the data for the whole city, so I'd like to interpolate nearby areas based off the value of nearby points. I think IDW (https://en.wikipedia.org/wiki/Inverse_distance_weighting) is what I'm looking for.

I've been looking for an actual implementation of such heatmap, but I couldn't find one yet. It would look more or less like this one:



(Source: https://www.walkscore.com/choice/restaurants/NY/New_York)

As you can see, if you zoom in/out, the heatmap doesn't change its shape, and it clearly shows the areas with higher values vs lower.

Does anyone know any ready-to-use algorithm (preferrably in javasript) or javascript heatmap/mapping library that implements this kind of heatmap? I could look into developing it myself, but there must be something ready out there already, and maybe I'm not not sure where/what to to look for.

Thanks in advance!



أكثر...
 
أعلى