Skip to content

How to use OpenHeatMap within your own site

petewarden edited this page Sep 14, 2010 · 20 revisions

The OpenHeatMap component is designed to be easily be reused by web developers who want to display map data within their own sites. Here’s what the code to embed your own heatmap looks like:

$(document).ready(function()
{
var mapWidth = 800;
var mapHeight = 600;

insertOpenHeatMapInto(‘#openheatmap_container’, mapWidth, mapHeight);

});

function onMapCreated()
{
var map = getOpenHeatMap();

map.loadWaysFromFile(‘http://static.openheatmap.com/world_countries.osm’); map.loadValuesFromFile(‘hello_data.csv’);

}