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
| <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">
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.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", "display.kml.php",
{
format: OpenLayers.Format.KML,
formatOptions: {
extractStyles: true,
extractAttributes: true,
maxDepth: 2
}
}));
}
</script>
</head>
<body onload="init()">
<div id="map" width="100%" height="100%" class="smallmap"></div>
</body>
</html>
|