OpenLayers OpenLayers

root/branches/openlayers/2.5/examples/example.html

Revision 3561, 3.2 kB (checked in by tschaub, 1 year ago)

assigning the map to a global map variable for easier inspecting in Firebug

  • Property svn:eol-style set to native
Line 
1 <html xmlns="http://www.w3.org/1999/xhtml">
2   <head>
3     <style type="text/css">
4         #map {
5             width: 512px;
6             height: 512px;
7             border: 1px solid black;
8         }
9     </style>
10     <script src="../lib/OpenLayers.js"></script>
11     <script type="text/javascript">
12         // making this a global variable so that it is accessible for
13         // debugging/inspecting in Firebug
14         var map = null;
15
16         <!--
17         function init(){
18
19             //set title name to include Browser Detection
20             // this is the only way to test the functionality
21             // of the getBrowserName() function
22             //
23             var header = OpenLayers.Util.getElement("browserHeader");
24             header.innerHTML = "(browser: ";
25             var browserCode = OpenLayers.Util.getBrowserName();
26             switch (browserCode) {
27                 case "opera":
28                     browserName = "Opera";
29                     break;
30                 case "msie":
31                     browserName = "Internet Explorer";
32                     break;
33                 case "safari":
34                     browserName = "Safari";
35                     break;
36                 case "firefox":
37                     browserName = "FireFox";
38                     break;
39                 case "mozilla":
40                     browserName = "Mozilla";
41                     break;
42                 default:
43                     browserName = "detection error"
44                     break;
45             }                       
46             header.innerHTML += browserName + ")";
47
48             map = new OpenLayers.Map('map');
49
50             var options = {
51                             resolutions: [1.40625,0.703125,0.3515625,0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101]
52             };
53            
54             var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
55                 "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
56                 options);
57
58             var options2 = {
59                             resolutions: [0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101]
60             };
61             var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
62                 "http://wms.jpl.nasa.gov/wms.cgi",
63                 {layers: "modis,global_mosaic"}, options2);
64
65             var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
66                 "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
67                 {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
68                          "prov_bound,fedlimit,rail,road,popplace",
69                  transparent: "true", format: "image/png"},
70                  {minResolution: 0.17578125,
71                   maxResolution: 0.703125});
72
73             map.addLayers([ol_wms, jpl_wms, dm_wms]);
74             map.addControl(new OpenLayers.Control.LayerSwitcher());
75             // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
76             map.zoomToMaxExtent();
77         }
78         // -->
79     </script>
80   </head>
81   <body onload="init()">
82     <table><tr><td>
83         <h1>OpenLayers Example</h1>
84     </td><td>
85         <h3 id="browserHeader"></h3>
86     </td></tr></table>
87     <div id="map"></div>
88   </body>
89 </html>
Note: See TracBrowser for help on using the browser.