<p class="MsoNormal"><span lang="EN-US">Hi People,</span></p>

<p class="MsoNormal"> </p>

<p class="MsoNormal"><span lang="EN-US">When I add Google Satellite layer the map doesn´t appears, <span> </span>anyone could tell me <span> </span>what is <span> </span>happening with my code? </span></p>

<p class="MsoNormal"><span lang="EN-US">Without the
Google Satellite layer everything is ok.</span></p>

<p class="MsoNormal"><span lang="EN-US"> </span></p>

<p class="MsoNormal"><span lang="EN-US">Thanks in
advance.</span></p>

<p class="MsoNormal"><span lang="EN-US"> </span></p>

<p class="MsoNormal"><span lang="EN-US">Ney</span></p><p class="MsoNormal"><span lang="EN-US"><br></span></p><div><br></div><div>The code is:</div><div><br></div><div><br></div><div><span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: 13px; background-color: rgb(255, 255, 255); "><div>
<br></div><div><div>&lt;html&gt;</div><div>&lt;head&gt;</div><div>&lt;!-- OpenLayers core js --&gt;</div><div>&lt;script</div><div>src=&quot;<a href="http://www.openlayers.org/dev/OpenLayers.js" target="_blank" style="color: rgb(29, 30, 206); ">http://www.openlayers.org/dev/OpenLayers.js</a>&quot;&gt;&lt;/script&gt;</div>
<div> </div><div>&lt;!-- OpenStreetMap base layer js --&gt;</div><div>&lt;script</div><div>src=&quot;<a href="http://www.openstreetmap.org/openlayers/OpenStreetMap.js" target="_blank" style="color: rgb(29, 30, 206); ">http://www.openstreetmap.org/openlayers/OpenStreetMap.js</a>&quot;&gt;</div>
<div>&lt;/script&gt;</div><div> </div><div>&lt;!-- Google Maps --&gt;</div><div>&lt;script src=&quot;<a href="http://maps.google.com/maps/api/js?sensor=false" target="_blank" style="color: rgb(29, 30, 206); ">http://maps.google.com/maps/api/js?sensor=false</a>&quot;&gt;</div>
<div>&lt;/script&gt;</div><div> </div><div>&lt;script type=&quot;text/javascript&quot;&gt;</div><div>function init() {</div><div>//set up projections</div><div> </div><div>// World Geodetic System 1984 projection</div><div>
var WGS84 = new OpenLayers.Projection(&quot;EPSG:4326&quot;);</div><div> </div><div>// WGS84 Google Mercator projection</div><div>var WGS84_google_mercator = new OpenLayers.Projection(&quot;EPSG:900913&quot;);</div><div> </div>
<div>//Initialize the map</div><div>//creates a new openlayers map in the &lt;div&gt; html element id map</div><div>var map = new OpenLayers.Map (&quot;map&quot;, {</div><div>controls:[</div><div>//allows the user pan ability</div>
<div>new OpenLayers.Control.Navigation(),</div><div>//displays the pan/zoom tools</div><div>new OpenLayers.Control.PanZoom(),</div><div>//displays a layer switcher</div><div>new OpenLayers.Control.LayerSwitcher(),</div><div>
//displays the mouse position&#39;s coordinates in a &lt;div&gt; html element with</div><div>new OpenLayers.Control.MousePosition({</div><div>div:document.getElementById(&quot;coordinates&quot;)</div><div>})</div><div>],</div>
<div>projection: WGS84_google_mercator,</div><div>displayProjection: WGS84</div><div>} );</div><div> </div><div>//base layers</div><div>var openstreetmap = new OpenLayers.Layer.OSM();</div><div>var google_maps = new OpenLayers.Layer.Google(</div>
<div>&quot;Google Maps&quot;, {</div><div>numZoomLevels: 20</div><div>}</div><div>);</div><div>var google_satellite = new OpenLayers.Layer.Google(</div><div>&quot;Google Satellite&quot;, {</div><div>type: google.maps.MapTypeId.SATELLITE,</div>
<div>numZoomLevels: 20</div><div>}</div><div>);</div><div> </div><div>var wms_layer = new OpenLayers.Layer.WMS(</div><div>                     &quot;Blocks&quot;,</div><div>                     &quot;<a href="http://localhost:9999/geoserver/wms" target="_blank" style="color: rgb(29, 30, 206); ">http://localhost:9999/geoserver/wms</a>&quot;,</div>
<div>                     {layers: &quot;_comp&quot;,</div><div>                      transparent: true,</div><div>                      srs: &quot;EPSG:26918&quot;,</div><div>                     });</div><div><br></div>
<div>map.addLayers([openstreetmap, google_maps, google_satellite, wms_layer]);</div><div><br></div><div> </div><div>// map extent</div><div>var mapextent = new OpenLayers.Bounds(-123.17341, 49.24343, -123.06183, 49.29899).transform(WGS84, map.getProjectionObject());</div>
<div>map.zoomToExtent(mapextent);</div><div>}</div><div>&lt;/script&gt;</div><div>&lt;/head&gt;</div><div>&lt;body onload=&quot;init()&quot;&gt;</div><div>&lt;div id=&quot;map&quot; style=&quot;width:500px; height:500px;&quot;&gt;&lt;/div&gt;</div>
<div>&lt;div id=&quot;coordinates&quot;&gt;&lt;/div&gt;</div><div>&lt;/body&gt;</div><div>&lt;/html&gt;</div></div><div><br></div></span></div>