OpenLayers OpenLayers

root/sandbox/follower/b-singlefile/google.html

Revision 103, 1.4 kB (checked in by euzuro, 3 years ago)

another round of LatLon -> LonLat [99] revisions

Line 
1 <html xmlns="http://www.w3.org/1999/xhtml">
2   <head>
3     <meta http-equiv="imagetoolbar" content="no"> <!--ie image gizmo OFF!-->
4     <style type="text/css">
5         #map {
6             width: 800px;
7             height: 475px;
8             border: 1px solid black;
9             background-color: red;
10         }
11     </style>
12         <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhRi_j0U6kJrkFvY4-OX2XYmEAa76BRzRp6VxiuDC2VfvqtS4n5K7Q_pcQ"
13               type="text/javascript"></script>
14     <script src="lib/OpenLayers.js"></script>
15     <script type="text/javascript">
16         <!--
17         var lon = 5;
18         var lat = 40;
19         var zoom = 5;
20         var map, layer;
21
22         function init(){
23             map = new OpenLayers.Map( $('map') );
24             gmap = new OpenLayers.Layer.Google( "Google" );
25             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
26                 "http://octo.metacarta.com/cgi-bin/mapserv",
27                 {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'} );
28                
29             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
30             map.addLayer(layer);
31             map.addLayer(gmap);
32             map.addControl( new OpenLayers.Control.LayerSwitcher() );
33         }
34         // -->
35     </script>
36   </head>
37   <body onload="init()">
38     <h1>OpenLayers Example</h1>
39     <div id="map"></div>
40   </body>
41 </html>
Note: See TracBrowser for help on using the browser.