1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>OpenLayers: Yahoo Layer</title> <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" /> <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script> <script src="../lib/OpenLayers.js"></script> <script type="text/javascript"> var map, layer, velayer; function init(){ map = new OpenLayers.Map('map'); yahooLayer = new OpenLayers.Layer.Yahoo( "Yahoo"); map.addLayer(yahooLayer); layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} ); map.addLayer(layer); map.setCenter(new OpenLayers.LonLat(-5, 40), 4); map.addControl(new OpenLayers.Control.LayerSwitcher()); } </script> </head> <body onload="init()"> <h1 id="title">Yahoo Base Layer Example</h1> <div id="tags"> </div> <p id="shortdesc"> Shows how you would add a yahoo layer and add the LayerSwitcher control </p> <div id="map" class="smallmap"></div> <div id="docs"> This is an example of how to add a yahoo layer to the OpenLayers window. In order to enable a yahoo layer. Also shown in this example is the LayerSwitcher() control for toggling between both the yahoo layer and the open layer WMS. </div> </body> </html> |