Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Feb 18th, 2012  |  syntax: HTML 5  |  size: 5.54 KB  |  views: 30  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
This paste has a previous version, view the difference. Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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&amp;v=2&amp;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>
clone this paste RAW Paste Data