Leaflet is a light weight web mapping library developed by Cloudmade. Leaflet is designed for compatibility with both desktop browser and mobile browser.
HeatCanvas-Leaflet extension enables heat map on Leaflet. You can create heat map layer and add it to Leatlet map:
var heatmap = new L.TileLayer.HeatCanvas("Heat Canvas", map, {},
{'step':0.3, 'degree':HeatCanvas.QUAD, 'opacity':0.7});
heatmap.pushData(32.1104, 118.0852, 14);
//push more data ...
map.addLayer(heatmap);
{'step':0.3, 'degree':HeatCanvas.QUAD, 'opacity':0.7});
heatmap.pushData(32.1104, 118.0852, 14);
//push more data ...
map.addLayer(heatmap);
You can find live demo on:
http://sunng87.github.com/heatcanvas/leaflet.html
Mobile browser is also supported. (Tested on Firefox Android and default Android browser)
Find more about HeatCanvas on github page.
Leaflet is still buggy for extension. There is a latlng-pixel coordinate conversion issue in low zoom level, affects this demo. Hope it could be fixed soon.