Heatmap Editor for OpenLayers

Generate XML-Data for OpenLayers Heatmap based on JSON-Editor.

Demo HeatMap Editor

Demo Markers Display

Workflow to Create a Heatmap

• Download openlayer_heatmap.zip and unzip to a folder of your choice (e.g. Documents/openlayer_heatmap).
• Check out the example heatmap in (e.g. Documents/openlayer_heatmap/HeatMap/index.html)
• Start HeatMap Editor
• Add a new record to heatmap database by pressing the Add-button
• Press Select Geolocation-button, zoom in and find Rome in Italy and click of Rome in the map (the geolocation is selected).
• After the selected geolocation is return to the HeatMap editor, set the name Rome and the value 20.
• Save the JSON-file for further editing or sharing the data with others (because data is stored in the browser only).ou will find a file mapobject.json in your Download Folder of the browser.
• Save heatmap XML data by pressing Save HeatMap Data. You will find a file heatmap_data.kml in your Download Folder of the browser. There might be more than one file. The browser might enumerate the files heatmap_data_3.kml. Copy the file to Documents/openlayer_heatmap/HeatMap/heatmap_data.kml. If the file contains a number rename the file.
• Start Documents/openlayer_heatmap/HeatMap/index.html again to see you new heatmap.

Wikiversity Learning Resource

This WebApp was generated for the following Wikiversity Learning Resource about heatmaps:

https://en.wikiversity.org/wiki/Heatmap

Derivative Works of OpenLayers: Icon Symbolizer

The repository is based on the OpenLayers HeatMap example

LinkParameter Library: linkparam.js

This library allows to submit the marker data via URL parameter. Furthermore you can submit the zoom factor of the map and the map centre.

• Library: * Download LinkParam.zip

Other related GitHub Project

• OpenLayers Select Geolocation -- WebApp
• Mapper for Sustainable Devlopment Goals -- WebApp

Demo

• Geolocation Select Demo
• Download Display Markers Demo unzip file and checkout the subdirectory /docs. The demo is stored in /docs because it is used at the same time as root directory for https://niebert.github.io/openlayer_display_markers
• Download Select Location Demo unzip file and checkout the subdirectory /docs. The demo is stored in /docs because it is used at the same time as root directory for https://niebert.github.io/openlayer_selectlocation