nexmon – Blame information for rev 1
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
1 | office | 1 | <?xml version="1.0" encoding="UTF-8"?> |
2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
||
3 | <head> |
||
4 | <title>Wireshark: IP Location Map</title> |
||
5 | <style type="text/css"> |
||
6 | body { |
||
7 | font-family: Arial, Helvetica, sans-serif; font-size: 13px; |
||
8 | line-height: 17px; |
||
9 | } |
||
10 | </style> |
||
11 | <script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script> |
||
12 | <script type="text/javascript" src="http://openstreetmap.org/openlayers/OpenStreetMap.js"></script> |
||
13 | |||
14 | <script type="text/javascript"> |
||
15 | <!-- |
||
16 | var map, layer; |
||
17 | var selectControl, selectedFeature; |
||
18 | |||
19 | function onPopupClose(event) { |
||
20 | selectControl.unselect(this.feature); |
||
21 | } |
||
22 | |||
23 | function EndpointSelected(event) { |
||
24 | var feature = event.feature; |
||
25 | popup = new OpenLayers.Popup.FramedCloud("endpoint", |
||
26 | feature.geometry.getBounds().getCenterLonLat(), |
||
27 | new OpenLayers.Size(25,25), |
||
28 | "<h3>"+ feature.attributes.title + "</h3>" + |
||
29 | feature.attributes.description, |
||
30 | null, true, onPopupClose); |
||
31 | feature.popup = popup; |
||
32 | popup.feature = feature; |
||
33 | map.addPopup(popup); |
||
34 | } |
||
35 | |||
36 | function EndpointUnselected(event) { |
||
37 | var feature = event.feature; |
||
38 | if (feature.popup) { |
||
39 | popup.feature = null; |
||
40 | map.removePopup(feature.popup); |
||
41 | feature.popup.destroy(); |
||
42 | feature.popup = null; |
||
43 | } |
||
44 | } |
||
45 | |||
46 | function init() { |
||
47 | var endpoints = { |
||
48 | "type": "FeatureCollection", |
||
49 | "features": [ // Start endpoint list - MUST match hostlist_table.c |
||
50 | ] |
||
51 | }; |
||
52 | map = new OpenLayers.Map('map', { |
||
53 | controls: [ |
||
54 | new OpenLayers.Control.PanZoomBar(), |
||
55 | new OpenLayers.Control.ZoomBox(), |
||
56 | new OpenLayers.Control.ScaleLine(), |
||
57 | new OpenLayers.Control.MousePosition(), |
||
58 | new OpenLayers.Control.Navigation(), |
||
59 | new OpenLayers.Control.Attribution() |
||
60 | ] |
||
61 | //projection: new OpenLayers.Projection("EPSG:900913"), |
||
62 | //displayProjection: new OpenLayers.Projection("EPSG:4326"), |
||
63 | //maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34, 20037508.34, 20037508.34), |
||
64 | //numZoomLevels: 18, |
||
65 | //maxResolution: 156543, |
||
66 | //units: "m" |
||
67 | }); |
||
68 | layer = new OpenLayers.Layer.WMS("OpenLayers WMS", |
||
69 | "http://vmap0.tiles.osgeo.org/wms/vmap0", |
||
70 | {layers: 'basic'}, |
||
71 | {wrapDateLine: true} ); |
||
72 | map.addLayer(layer); |
||
73 | //map.addLayer(new OpenLayers.Layer.OSM.Mapnik("Mapnik")); |
||
74 | //map.addLayer(new OpenLayers.Layer.Text("IP Locations", { |
||
75 | // location: map_file, projection: new OpenLayers.Projection("EPSG:4326")} ) ); |
||
76 | // |
||
77 | //map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); |
||
78 | |||
79 | var geojson_format = new OpenLayers.Format.GeoJSON(); |
||
80 | var vector_layer = new OpenLayers.Layer.Vector("IP Endpoints"); |
||
81 | map.addLayer(vector_layer); |
||
82 | vector_layer.addFeatures(geojson_format.read(endpoints)); |
||
83 | |||
84 | if (endpoints.features.length < 1) { |
||
85 | document.getElementById("statusmsg").innerHTML = "No endpoints to map"; |
||
86 | } else { |
||
87 | map.zoomToExtent(vector_layer.getDataExtent()); |
||
88 | } |
||
89 | |||
90 | selectControl = new OpenLayers.Control.SelectFeature(vector_layer); |
||
91 | map.addControl(selectControl); |
||
92 | selectControl.activate(); |
||
93 | |||
94 | vector_layer.events.on({ |
||
95 | 'featureselected': EndpointSelected, |
||
96 | 'featureunselected': EndpointUnselected |
||
97 | }); |
||
98 | } |
||
99 | // --> |
||
100 | </script> |
||
101 | </head> |
||
102 | <body onload="init()"> |
||
103 | <div id="statusmsg" style="float: right; z-index: 9999;"></div> |
||
104 | <div id="map" style="z-index: 0;"></div> |
||
105 | </body> |
||
106 | </html> |