Olá Pessoal,<div>Eu nao estou conseguindo mostrar o mapa quando adiciono o layer google satelitte. Sem ele tudo fucniona.</div><div>Alguem por favor poderia me ajudar?</div><div>O codigo fonte segue abaixo..</div><div><br>
</div><div>Obrigado.</div><div><br></div><div>Ney</div><div><br></div><div><br></div><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">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">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">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">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>