--- 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>