Add some friendly name/duplicate subsitution rules
[bus.git] / display.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<html xmlns="http://www.w3.org/1999/xhtml">
  <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;
 
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);
 
                // 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}));
    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);
        }
        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", "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
            })
        })
    })); 
}
    </script>
 
  </head>
  <body onload="init()">
    <div id="map" width="100%" height="100%" class="smallmap"></div>
  </body>
</html>