Google (v3) allOverlays Layer Example

http://openlayers.org/dev/examples/google-v3-alloverlays.html Note: Map doesn't show up.

HTML

<script src="http://fbug.googlecode.com/svn/lite/branches/flexBox/content/firebug-lite-dev.js"></script>
<link rel="stylesheet" href="http://openlayers.org/dev/theme/default/google.css">
<link rel="stylesheet" href="http://openlayers.org/dev/theme/default/style.css">
<link rel="stylesheet" href="http://openlayers.org/dev/examples/style.css">
<script src="http://maps.google.com/maps/api/js?v=3.6&amp;amp;sensor=false"></script>
<script src="http://openlayers.org/dev/OpenLayers.js"></script>
        <h1 id="title">Google (v3) allOverlays Layer Example</h1>
        <div id="tags">
            Google, overlay, light
        </div>
        <p id="shortdesc">
            Demonstrate use the Google Maps v3 API with allOverlays set to true on the map.
        </p>
        <div id="map" class="smallmap"></div>
        <div id="docs">
            <p>
                You can also use Google layers as overlays, e.g. in a map with
                allOverlays set to true. Note some of the layers disappear as
                you zoom in to levels that are not supported by all layers.  See the 
                <a href="http://openlayers.org/dev/examples/google-v3-alloverlays.js" target="_blank">google-v3-alloverlays.js source</a> 
                to see how this is done.
            </p>
        </div>

  <br />
  <p>Note: Map doesn't show up. <a href="http://openlayers.org/dev/examples/google-v3-alloverlays.html">Original
  OpenLayers Example</a>.</p>

JavaScript

(function($) {

    var map;

    function init() {
        map = new OpenLayers.Map('map', {
            allOverlays: true
        });
        map.addControl(new OpenLayers.Control.LayerSwitcher());

        // the SATELLITE layer has all 22 zoom level, so we add it first to
        // become the internal base layer that determines the zoom levels of the
        // map.
        var gsat = new OpenLayers.Layer.Google('Google Satellite', {
            type: google.maps.MapTypeId.SATELLITE,
            numZoomLevels: 22
        });
        var gphy = new OpenLayers.Layer.Google('Google Physical', {
            type: google.maps.MapTypeId.TERRAIN,
            visibility: false
        });
        var gmap = new OpenLayers.Layer.Google('Google Streets', // the default
        {
            numZoomLevels: 20,
            visibility: false
        });
        var ghyb = new OpenLayers.Layer.Google('Google Hybrid', {
            type: google.maps.MapTypeId.HYBRID,
            numZoomLevels: 22,
            visibility: false
        });

        map.addLayers([gsat, gphy, gmap, ghyb]);

        // Google.v3 uses EPSG:900913 as projection, so we have to
        // transform our coordinates
        map.setCenter(new OpenLayers.LonLat(10.2, 48.9).transform(
        new OpenLayers.Projection('EPSG:4326'), map.getProjectionObject()), 5);
    }

    init();
})(jQuery);