Index: trunk/BNC/src/map/html/index.html
===================================================================
--- trunk/BNC/src/map/html/index.html	(revision 5164)
+++ trunk/BNC/src/map/html/index.html	(revision 5164)
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
+
+    <style type="text/css">
+        * { margin: 0; padding: 0; }
+        html { width: 100%; height: 100%; }
+        body { width: 100%; height: 100%; }
+        #map_canvas { width: 100%; height: 100%; background-color: gray; }
+    </style>
+
+    <script type="text/javascript" src="qrc:///html/init.js"></script>
+    <script type="text/javascript" src="qrc:///html/tools.js"></script>
+
+    <script type="text/javascript"
+      src="http://maps.googleapis.com/maps/api/js?sensor=false">
+    </script>
+
+  </head>
+  <body>
+    <div id="map_canvas">Waiting for data...</div>
+  </body>
+</html>
Index: trunk/BNC/src/map/html/init.js
===================================================================
--- trunk/BNC/src/map/html/init.js	(revision 5164)
+++ trunk/BNC/src/map/html/init.js	(revision 5164)
@@ -0,0 +1,17 @@
+var map;
+var markers= [];
+var QtPlaces;
+
+var searchCircle;
+
+function initialize(x, y)
+{
+    var myOptions = {
+        center: new google.maps.LatLng(x, y),
+        zoom: 8,
+        mapTypeId: google.maps.MapTypeId.ROADMAP,
+        panControl: true
+    };
+    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions)
+    //google.maps.event.addListener(map, "click", function() {} )
+}
Index: trunk/BNC/src/map/html/tools.js
===================================================================
--- trunk/BNC/src/map/html/tools.js	(revision 5164)
+++ trunk/BNC/src/map/html/tools.js	(revision 5164)
@@ -0,0 +1,53 @@
+function getCurrentPointOfView() {
+    return map.getBounds().getCenter().toUrlValue(6);
+}
+
+function removeMarkers()
+{
+    while(markers.length)
+        markers.pop().setMap(null)
+}
+
+// function appendMarker(jsonObj)
+// {
+//     var marker = new google.maps.Marker({
+//         position: new google.maps.LatLng( jsonObj.geometry.location.lat, jsonObj.geometry.location.lng ),
+//         map: map,
+//         title: jsonObj.name,
+//         animation: google.maps.Animation.DROP,
+//         icon: jsonObj.icon
+//     });
+// 
+//     google.maps.event.addListener(marker, 'click', function() {
+//         QtPlaces.markerClicked( jsonObj['reference'] )
+//     });
+// 
+//     markers.push(marker)
+// }
+// 
+// function gotoPlace(json, zoom)
+// {
+//     map.setCenter( new google.maps.LatLng( json.geometry.location.lat, json.geometry.location.lng ) )
+//     map.setZoom(zoom)
+// }
+
+function gotoLocation( lat, lng, zoom )
+{
+    map.setCenter( new google.maps.LatLng( lat, lng ) )
+    map.setZoom(zoom)
+}
+
+function recreateSearchCircle(lat, lng, radius)
+{
+    var searchCircleOptions = {
+      strokeColor: "#000000",
+      strokeOpacity: 0.75,
+      strokeWeight: 1,
+      fillColor: "#000000",
+      fillOpacity: 0.35,
+      map: map,
+      center: new google.maps.LatLng( lat, lng ),
+      radius: radius
+    };
+    searchCircle = new google.maps.Circle(searchCircleOptions);
+}
