Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
85 lines (71 sloc) 2.22 KB
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://static.openheatmap.com/css/mainstyle.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://static.openheatmap.com/scripts/jquery.openheatmap.js"></script>
<script type='text/javascript'>
g_isMapCreated = false;
g_csvString = null;
g_deviceName = null;
g_mapSettings = {
"zoom_slider_power":5,
"zoomed_out_degrees_per_pixel":-180,
"zoomed_in_degrees_per_pixel":-0.01,
"is_gradient_value_range_set":"false",
"gradient_value_min":"1",
"gradient_value_max":"14",
"point_blob_radius":8.32,
"point_blob_value":1,
"show_map_tiles":true,
"map_server_root":"http:\/\/a.tile.openstreetmap.org\/",
"information_alpha":0.92,
"show_zoom":true,
"allow_pan":true,
"point_drawing_shape":"circle",
"circle_line_color":0,
"circle_line_alpha":1,
"circle_line_thickness":1,
"is_point_blob_radius_in_pixels":true,
"credit_text": "OpenStreetMap/OpenHeatMap",
};
$(document).ready(function() {
$('#openheatmap_container').insertOpenHeatMap({
width: 1000,
height: 720,
prefer: 'canvas'
});
});
function onMapCreated() {
var openHeatMap = $.getOpenHeatMap();
for (var key in g_mapSettings) {
var value = g_mapSettings[key];
openHeatMap.setSetting(key, value);
}
openHeatMap.setColorGradient(["#eaf8b800","#eae40f16","#4f2d00dd"]);
g_isMapCreated = true;
if (g_csvString!=null) {
loadLocationData();
}
}
function storeLocationData(csvString, deviceName) {
g_csvString = csvString;
g_deviceName = deviceName;
if (g_isMapCreated) {
loadLocationData();
}
}
function loadLocationData() {
var openHeatMap = $.getOpenHeatMap();
openHeatMap.loadValuesFromCSVString(g_csvString);
$('#message').text(g_deviceName);
openHeatMap.setAnimationTime('All Time');
}
</script>
</head>
<body style="margin:0px; padding:0px; position:relative;">
<div id="openheatmap_container" style="margin:0px; padding:0px;"></div>
<div id="message" style="position:absolute; top:20px; left:0px; width: 1000px; text-align:center; font-size:200%;">
Loading <img src="http://static.openheatmap.com/images/loading.gif"/>
</div>
</body>
</html>