Let's create a map with the Yahoo! Maps Layer class.
In the
<head>section, we need to reference the location of the Yahoo! Maps API. Add the following before the OpenLayers inclusion script tag:<script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
Let's set up some Yahoo! layer objects now. Like the Google Maps Layer, we specify the type of the layer we want by setting the
typeproperty. Let's create a hybrid layer. Thetypeproperty for Yahoo! layers start withYAHOO_MAP_, followed by a three character code:var yahoo_hybrid = new OpenLayers.Layer.Yahoo( "Hybrid", {type: YAHOO_MAP_HYB, numZoomLevels: 24} );Now let's create a satellite layer type. The three character code for satellite is
SAT. We'll also set a different amount of zoom levels to further illustrate how each base layer can have its own amount of zoom levels:var yahoo_satellite = new OpenLayers.Layer.Yahoo( "Satellite"...