Add nearmap overlay
[bus.git] / display.php
blob:a/display.php -> blob:b/display.php
--- a/display.php
+++ b/display.php
@@ -2,6 +2,7 @@
   <head>
 <script type="text/javascript" src="http://loki.com/plugin/files/loki.js"></script>
     <script src="openlayers/OpenLayers.js"></script>
+ <SCRIPT TYPE="text/javascript" SRC="OpenStreetMap.js"></SCRIPT> 
     <script type="text/javascript">
 var map, layer;
 
@@ -21,9 +22,20 @@
 function init()
 {
     var extent = new OpenLayers.Bounds(148.98, -35.48, 149.25, -35.15);
-    map = new OpenLayers.Map('map');
-    layer = new OpenLayers.Layer.OSM("local", "http://10.0.1.153/tiles/${z}/${x}/${y}.png");
+ 
+		// set up the map options
+		var options = 
+		{
+			   maxExtent: extent,
+			   numZoomLevels: 20, 
+		};
+ 
+		// create the ol map object
+		var map = new OpenLayers.Map('map', options);
+    
+layer = new OpenLayers.Layer.OSM("local", "http://10.0.1.153/tiles/${z}/${x}/${y}.png");
     map.addLayer(layer);
+map.addLayer(new OpenLayers.Layer.OSM.NearMap("NearMap"));
     var lonLat = new OpenLayers.LonLat(149.11, -35.28).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
     map.setCenter(lonLat, 13);
     map.addControl( new OpenLayers.Control.LayerSwitcher({'ascending':false}));
@@ -75,7 +87,7 @@
                 extractAttributes: true
             })
         })
-    }));
+    })); 
 }
     </script>