diff --git a/wdocs/index.html b/wdocs/index.html
new file mode 100644
index 0000000..857b214
--- /dev/null
+++ b/wdocs/index.html
@@ -0,0 +1,7 @@
+
+
+http://localhost:8083/map/index.html?user=jpm&device=test&format=linestring&from=2014-01-01
+
+
+clickstdu
+
diff --git a/wdocs/map/functions.js b/wdocs/map/functions.js
new file mode 100644
index 0000000..42d57b6
--- /dev/null
+++ b/wdocs/map/functions.js
@@ -0,0 +1,107 @@
+
+// __author__ = 'Jan-Piet Mens '
+// __copyright__ = 'Copyright 2015 Jan-Piet Mens'
+// __license__ = """Eclipse Public License - v 1.0 (http://www.eclipse.org/legal/epl-v10.html)"""
+
+// https://developers.google.com/maps/documentation/javascript/datalayer
+
+var infowindow = new google.maps.InfoWindow();
+
+function processPoints(geometry, callback, thisArg) {
+ if (geometry instanceof google.maps.LatLng) {
+ callback.call(thisArg, geometry);
+ } else if (geometry instanceof google.maps.Data.Point) {
+ callback.call(thisArg, geometry.get());
+ } else {
+ geometry.getArray().forEach(function(g) {
+ processPoints(g, callback, thisArg);
+ });
+ }
+}
+
+function initialize() {
+
+ var map;
+ var center = new google.maps.LatLng( 46.993665, 10.399188);
+
+ mapOptions = {
+ center: center,
+ zoom: 5,
+ mapTypeId: google.maps.MapTypeId.ROADMAP,
+ scrollwheel: false,
+ disableDefaultUI: false,
+ panControl: false,
+ scaleControl: false,
+ streetViewControl: true,
+ overviewMapControl: true,
+ };
+
+ map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
+
+ // alert(JSON.stringify(location));
+
+ var dataURI = location.protocol + "//" + location.host + // ":" + location.port +
+ "/api/0/locations" + location.search;
+ console.log(dataURI);
+ map.data.loadGeoJson(dataURI);
+
+ // Set the stroke width, and fill color for each polygon
+ var featureStyle = {
+ fillColor: 'green',
+ strokeColor: 'red',
+ strokeWeight: 4,
+ title: "OwnTracks",
+ };
+ map.data.setStyle(featureStyle);
+
+
+ // Zoom to show all the features
+ var bounds = new google.maps.LatLngBounds();
+ map.data.addListener('addfeature', function (e) {
+ processPoints(e.feature.getGeometry(), bounds.extend, bounds);
+ map.fitBounds(bounds);
+ });
+
+ /*
+ // Zoom to the clicked feature
+ map.data.addListener('click', function (e) {
+ var bounds = new google.maps.LatLngBounds();
+ processPoints(e.feature.getGeometry(), bounds.extend, bounds);
+ map.fitBounds(bounds);
+ });
+ */
+
+ google.maps.event.addListener(map, 'click', function() {
+ infowindow.close();
+ });
+ map.data.addListener('click', function(e) {
+ var content = "" + e.feature.getProperty('name') + "
" + e.feature.getProperty('address');
+
+ infowindow.setContent(content);
+ infowindow.setPosition(e.latLng);
+ infowindow.setOptions({
+ pixelOffset: new google.maps.Size(0, -34),
+ });
+ infowindow.open(map);
+ });
+
+
+ map.data.setStyle(function(feature) {
+ var circle ={
+ path: google.maps.SymbolPath.CIRCLE,
+ fillColor: '#ff0000',
+ fillOpacity: .9,
+ scale: 5.5,
+ strokeColor: 'white',
+ strokeWeight: 2
+ };
+
+ return ({
+ icon: circle
+ });
+ });
+
+}
+
+
+google.maps.event.addDomListener(window, 'load', initialize);
diff --git a/wdocs/map/index.html b/wdocs/map/index.html
new file mode 100644
index 0000000..e6c91ea
--- /dev/null
+++ b/wdocs/map/index.html
@@ -0,0 +1,26 @@
+
+
+
+ GeoJSON
+
+
+
+
+
+
+
+
+
+
+
+
+
+