View difference between Paste ID: adB1nq8S and
SHOW:
|
|
- or go back to the newest paste.
1 | - | |
1 | + | <html xmlns="http://www.w3.org/1999/xhtml" > |
2 | <head> | |
3 | <title>Next time RTFM</title> | |
4 | <script src="../resources/js/ext-3.4.0/ext-base.js" type="text/javascript"></script> | |
5 | <script src="../resources/js/ext-3.4.0/ext-all.js" type="text/javascript"></script> | |
6 | <link rel="stylesheet" type="text/css" href="../resources/js/ext-3.4.0/resources/css/ext-all.css"></link> | |
7 | ||
8 | <script src="../resources/js/OpenLayers/OpenLayers.js" type="text/javascript"></script> | |
9 | <link rel="stylesheet" href="../resources/js/OpenLayers/theme/default/style.css" type="text/css" /> | |
10 | ||
11 | <script src="../resources/js/GeoExt/GeoExt.js" type="text/javascript"></script> | |
12 | <link rel="stylesheet" type="text/css" href="../resources/js/GeoExt/css/geoext-all.css"></link> | |
13 | <script src='http://maps.google.com/maps?file=api&v=2&key=key'></script> | |
14 | ||
15 | <style type="text/css"> | |
16 | html, body, #map { | |
17 | margin: 0; | |
18 | width: 100%; | |
19 | height: 100%; | |
20 | } | |
21 | ||
22 | #text { | |
23 | position: absolute; | |
24 | bottom: 1em; | |
25 | left: 1em; | |
26 | width: 512px; | |
27 | z-index: 20000; | |
28 | background-color: white; | |
29 | padding: 0 0.5em 0.5em 0.5em; | |
30 | } | |
31 | </style> | |
32 | ||
33 | <script type="text/JavaScript"> | |
34 | function RefreshPage(Period) | |
35 | { | |
36 | setTimeout("location.reload(true);", Period); | |
37 | } | |
38 | var Today = new Date(); | |
39 | var day = Today.getDate(); | |
40 | var month = Today.getMonth(); | |
41 | var year = Today.getFullYear(); | |
42 | var hours = Today.getHours(); | |
43 | var minutes = Today.getMinutes(); | |
44 | var seconds = Today.getSeconds(); | |
45 | document.write(hours + ":" + minutes + ":" + seconds) | |
46 | </script> | |
47 | <script type="text/javascript"> | |
48 | var lon = 85.31; | |
49 | var lat = 27.67; | |
50 | var zoom = 9; | |
51 | var map, layers; | |
52 | var info; | |
53 | var url = "http://localhost/geoserver/wms"; | |
54 | function init(){ | |
55 | ||
56 | ||
57 | map = new OpenLayers.Map('map', { | |
58 | projection: new OpenLayers.Projection("EPSG:900913"), | |
59 | displayProjection: new OpenLayers.Projection("EPSG:4326"), | |
60 | numZoomLevels: 21, | |
61 | maxExtent: new OpenLayers.Bounds(-20037508, -20037508,20037508, 20037508.34), | |
62 | controls: [ | |
63 | new OpenLayers.Control.Navigation(), | |
64 | new OpenLayers.Control.PanZoomBar(), | |
65 | new OpenLayers.Control.LayerSwitcher({'ascending':false}), | |
66 | new OpenLayers.Control.ScaleLine(), | |
67 | new OpenLayers.Control.MousePosition(), | |
68 | new OpenLayers.Control.OverviewMap(), | |
69 | new OpenLayers.Control.KeyboardDefaults() | |
70 | ] | |
71 | ||
72 | ||
73 | }); | |
74 | ||
75 | ||
76 | ||
77 | var nplBorder = new OpenLayers.Layer.WMS( "Border", | |
78 | url, | |
79 | {layers: 'GisData:INTERNATION_BORDER'} | |
80 | ); | |
81 | ||
82 | var dsBand = new OpenLayers.Layer.WMS( "Band", | |
83 | url, | |
84 | {layers: 'GisData:DISTRICT_BND'} | |
85 | ); | |
86 | ||
87 | ||
88 | ||
89 | var site = new OpenLayers.Layer.WMS( "site", | |
90 | url, | |
91 | {layers: 'GisData:sites', transparent: "true",format: "image/png"} | |
92 | ); | |
93 | ||
94 | ||
95 | var g_pmap = new OpenLayers.Layer.Google( | |
96 | "Google Physical", | |
97 | {type: G_PHYSICAL_MAP,'sphericalMercator': true} | |
98 | ||
99 | ); | |
100 | ||
101 | var gmap_gs = new OpenLayers.Layer.Google( | |
102 | "Google Streets"// the default | |
103 | {'sphericalMercator': true} | |
104 | ); | |
105 | ||
106 | var gmap_ghy = new OpenLayers.Layer.Google( | |
107 | "Google Hybrid", | |
108 | {type: G_HYBRID_MAP,'sphericalMercator': true} | |
109 | ); | |
110 | ||
111 | var gmap_gsat = new OpenLayers.Layer.Google( | |
112 | "Google Satellite", | |
113 | {type: G_SATELLITE_MAP,'sphericalMercator': true} | |
114 | ||
115 | ) | |
116 | ||
117 | site.setIsBaseLayer(false); | |
118 | ||
119 | ||
120 | ||
121 | map.addLayer(Border); | |
122 | map.addLayer(Band); | |
123 | map.addLayer(Site); | |
124 | ||
125 | // why didn't you add the Google layers??? | |
126 | map.add(g_pmap); | |
127 | map.add(gmap_gs); | |
128 | map.add(gmap_ghy); | |
129 | map.add(gmap_gsat); | |
130 | ||
131 | info = new OpenLayers.Control.WMSGetFeatureInfo({ | |
132 | url: "http://localhost/geoserver/wms", | |
133 | title: 'Identify features by clicking', | |
134 | queryVisible: true, | |
135 | eventListeners: { | |
136 | getfeatureinfo: function(event) { | |
137 | map.addPopup(new OpenLayers.Popup.FramedCloud( | |
138 | "chicken", | |
139 | map.getLonLatFromPixel(event.xy), | |
140 | null, | |
141 | event.text, | |
142 | null, | |
143 | true | |
144 | )); | |
145 | } | |
146 | } | |
147 | }); | |
148 | map.addControl(info); | |
149 | info.activate(); | |
150 | ||
151 | map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); | |
152 | ||
153 | ||
154 | } | |
155 | </script> | |
156 | </head> | |
157 | <body onload="init();"> | |
158 | ||
159 | <div id="map" ></div> | |
160 | </body> | |
161 | </html> |