Index: /trunk/BNC/src/map/html/index_osm.html
===================================================================
--- /trunk/BNC/src/map/html/index_osm.html	(revision 5201)
+++ /trunk/BNC/src/map/html/index_osm.html	(revision 5201)
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<html>
+
+  <head>
+    <title>BNC OpenStreetMap View</title>
+    <style type="text/css">
+      html, body, #basicMap {
+          width: 100%;
+          height: 100%;
+          margin: 0;
+      }
+    </style>
+
+    <script src="http://openlayers.org/api/OpenLayers.js" ></script>
+
+    <script>
+      function initialize(lat, lon) {
+        map = new OpenLayers.Map("basicMap",
+                                 {controls:[
+                                  new OpenLayers.Control.Navigation(),
+                                  new OpenLayers.Control.PanZoomBar()]});
+
+        var mapnik         = new OpenLayers.Layer.OSM();
+        var fromProjection = new OpenLayers.Projection("EPSG:4326");   // WGS 1984
+        var toProjection   = new OpenLayers.Projection("EPSG:900913"); // Spherical Mercator
+        var position       = new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection);
+        var zoom           = 15; 
+ 
+        map.addLayer(mapnik);
+
+        var markers = new OpenLayers.Layer.Markers("Markers");
+        var size    = new OpenLayers.Size(40,40);
+        var offset  = new OpenLayers.Pixel(-size.w/2, -size.h/2);
+        var icon    = new OpenLayers.Icon('../html/crosshair.png', size, offset);
+
+        markers.addMarker(new OpenLayers.Marker(position, icon));
+        
+        map.addLayer(markers);
+
+        map.setCenter(position, zoom);
+      }
+    </script>
+
+  </head>
+
+  <body onload="initialize(50.090956, 8.663283);">
+    <div id="basicMap"></div>
+  </body>
+
+</html>
