--- a/display.php +++ b/display.php @@ -3,50 +3,80 @@ <script type="text/javascript" src="http://loki.com/plugin/files/loki.js"></script> <script src="openlayers/OpenLayers.js"></script> <script type="text/javascript"> - var map, layer; - function aaa(a) { -var lonLat = new OpenLayers.LonLat(a.coords.longitude, a.coords.latitude).transform(new OpenLayers.Projection("EPSG:4326"),map.getProjectionObject()); - map.setCenter (lonLat, 13); +var map, layer; +function aaa(a) +{ + var lonLat = new OpenLayers.LonLat(a.coords.longitude, a.coords.latitude).transform(new OpenLayers.Projection("EPSG:4326"), +map.getProjectionObject()); + map.setCenter(lonLat, 13); + +} + +function handleError(a) +{ + alert("error in geoloc"); +} + +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"); + map.addLayer(layer); + 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})); + map.addControl(new OpenLayers.Control.MousePosition( + { + displayProjection: new OpenLayers.Projection("EPSG:4326"), + suffix: "__________________________________" + })); + map.addControl(new OpenLayers.Control.MousePosition( + { + displayProjection: new OpenLayers.Projection("EPSG:900913") + })); + if (navigator.geolocation) + { + navigator.geolocation.getCurrentPosition(this.aaa, this.handleError); } - function handleError(a) { -alert("error in geoloc"); + else + { + var loki = LokiAPI(); + loki.onSuccess = function (location) + { + var lonLat = new OpenLayers.LonLat(location.longitude, location.latitude).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()); + map.setCenter(lonLat, 13); + } + loki.onFailure = function (error) + { + loki.requestIPLocation(true, loki.NO_STREET_ADDRESS_LOOKUP) + } + loki.setKey('maxious.lambdacomplex.org'); + loki.requestLocation(true, loki.NO_STREET_ADDRESS_LOOKUP); } - 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"); - map.addLayer(layer); - 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.MousePosition({ displayProjection: new OpenLayers.Projection("EPSG:4326"), - suffix: "__________________________________" })); - map.addControl(new OpenLayers.Control.MousePosition({ displayProjection: new OpenLayers.Projection("EPSG:900913")})); - if (navigator.geolocation) { - navigator.geolocation.getCurrentPosition(this.aaa, this.handleError); - } else { - var loki = LokiAPI(); - loki.onSuccess = function(location) { -var lonLat = new OpenLayers.LonLat(location.longitude, location.latitude).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()); - map.setCenter (lonLat, 13); + map.addLayer(new OpenLayers.Layer.GML("KML", "displayroutes.kml.php", { + format: OpenLayers.Format.KML, + formatOptions: { + extractStyles: true, + extractAttributes: true, + maxDepth: 2 + } + })); + map.addLayer(new OpenLayers.Layer.Vector("KML", { + projection: map.displayProjection, + strategies: [new OpenLayers.Strategy.Fixed()], + protocol: new OpenLayers.Protocol.HTTP( + { + url: "displaystops.kml.php", + format: new OpenLayers.Format.KML( + { + extractStyles: true, + extractAttributes: true + }) + }) + })); } - loki.onFailure = function(error) { - loki.requestIPLocation(true,loki.NO_STREET_ADDRESS_LOOKUP) - } - loki.setKey('maxious.lambdacomplex.org'); - loki.requestLocation(true,loki.NO_STREET_ADDRESS_LOOKUP); - } -map.addLayer(new OpenLayers.Layer.GML("KML", "display.kml.php", - { - format: OpenLayers.Format.KML, - formatOptions: { - extractStyles: true, - extractAttributes: true, - maxDepth: 2 - } - })); - - } </script> </head>