<br><font size=2 face="sans-serif">Hey All,</font>
<br><font size=2 face="sans-serif">I am stuck in a situation where I have
to set the doctype to:</font>
<br><font size=2 color=#008080 face="Courier New"><!</font><font size=2 color=#3f8080 face="Courier New">DOCTYPE</font><font size=2 face="Courier New">
</font><font size=2 color=#008080 face="Courier New">html</font>
<br><font size=2 face="Courier New"> </font><font size=2 color=#808080 face="Courier New">PUBLIC</font><font size=2 face="Courier New">
</font><font size=2 color=#008080 face="Courier New">"-//W3C//DTD
XHTML 1.0 Strict//EN"</font>
<br><font size=2 face="Courier New"> </font><font size=2 color=#3f8080 face="Courier New">"</font><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><font size=2 color=#3f8080 face="Courier New">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</font></a><font size=2 color=#3f8080 face="Courier New">"</font><font size=2 color=#008080 face="Courier New">></font><font size=2 face="Courier New">
</font>
<br><font size=2 face="Courier New"> in order to support non-map
content on my page. In addition we are forcing IE8 into compatibility
mode using:</font>
<br><font size=2 color=#008080 face="Courier New"><</font><font size=2 color=#3f8080 face="Courier New">meta</font><font size=2 face="Courier New">
</font><font size=2 color=#800080 face="Courier New">http-equiv</font><font size=2 face="Courier New">=</font><font size=2 color=#4200ff face="Courier New"><i>"X-UA-Compatible"</i></font><font size=2 face="Courier New">
</font><font size=2 color=#800080 face="Courier New">content</font><font size=2 face="Courier New">=</font><font size=2 color=#4200ff face="Courier New"><i>"IE=EmulateIE7"</i></font><font size=2 color=#008080 face="Courier New">/></font>
<br>
<br><font size=2 face="Courier New">Everything works fine in Firefox and
Chrome but in IE8 the layerswitcher will not switch in between Google base
map options. The only way to change layers is to switch to quirks
mode (not an option) or to refresh the entire page after click on the layerswicher
radio button (also impractical). The dimensions of the map are set
in pixels in a stylesheet, so that is not the source of the problem. An
example of this behaviour cobbled together from our headers and an example
from the OpenLayers site:</font>
<br>
<br><tt><font size=3>
<br>
<!DOCTYPE html<br>
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br>
"</font></tt><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><tt><font size=3>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</font></tt></a><tt><font size=3>">
<br>
<meta http-equiv="X-UA-Compatible"
content="IE=EmulateIE7"/><br>
<br>
<br>
<br>
<br>
<html xmlns="</font></tt><a href=http://www.w3.org/1999/xhtml><tt><font size=3>http://www.w3.org/1999/xhtml</font></tt></a><tt><font size=3>"
xml:lang="en"><br>
<head><br>
<meta content="text/html;charset=ISO-8859-1" /><br>
</font></tt>
<table>
<tr>
<td><font size=3><title>OpenLayers Google Layer Example</title>
</font>
<td valign=top>
<tr>
<td>
<td><font size=3><link rel="stylesheet" href="</font><a href="http://dev.openlayers.org/releases/OpenLayers-2.8/theme/default/style.css" target=_blank><font size=3 color=blue><u>../theme/default/style.css</u></font></a><font size=3>"
type="text/css" /> </font>
<tr>
<td>
<td><font size=3><link rel="stylesheet" href="</font><a href="http://dev.openlayers.org/releases/OpenLayers-2.8/theme/default/google.css" target=_blank><font size=3 color=blue><u>../theme/default/google.css</u></font></a><font size=3>"
type="text/css" /> </font>
<tr>
<td>
<td><font size=3><link rel="stylesheet" href="</font><a href="http://dev.openlayers.org/releases/OpenLayers-2.8/examples/style.css" target=_blank><font size=3 color=blue><u>style.css</u></font></a><font size=3>"
type="text/css" /> </font>
<tr>
<td>
<td><font size=3><!-- this gmaps key generated for </font><a href=http://openlayers.org/dev/><font size=3>http://openlayers.org/dev/</font></a><font size=3>
--> </font>
<tr>
<td>
<td><font size=3><script src='</font><a href="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ" target=_blank><font size=3 color=blue><u>http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ</u></font></a><font size=3>'></script>
</font>
<tr>
<td>
<td><font size=3><script src="</font><a href="http://dev.openlayers.org/releases/OpenLayers-2.8/lib/OpenLayers.js" target=_blank><font size=3 color=blue><u>../lib/OpenLayers.js</u></font></a><font size=3>"></script>
</font>
<tr>
<td>
<td><font size=3><script type="text/javascript"> </font>
<tr>
<td>
<td><font size=3>var map;</font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3>function init() {</font>
<tr>
<td>
<td><font size=3>map = new OpenLayers.Map('map');</font>
<tr>
<td>
<td><font size=3>map.addControl(new OpenLayers.Control.LayerSwitcher());</font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3>var gphy = new OpenLayers.Layer.Google(</font>
<tr>
<td>
<td><font size=3>"Google Physical",</font>
<tr>
<td>
<td><font size=3>{type: G_PHYSICAL_MAP}</font>
<tr>
<td>
<td><font size=3>);</font>
<tr>
<td>
<td><font size=3>var gmap = new OpenLayers.Layer.Google(</font>
<tr>
<td>
<td><font size=3>"Google Streets", // the default</font>
<tr>
<td>
<td><font size=3>{numZoomLevels: 20}</font>
<tr>
<td>
<td><font size=3>);</font>
<tr>
<td>
<td><font size=3>var ghyb = new OpenLayers.Layer.Google(</font>
<tr>
<td>
<td><font size=3>"Google Hybrid",</font>
<tr>
<td>
<td><font size=3>{type: G_HYBRID_MAP, numZoomLevels: 20}</font>
<tr>
<td>
<td><font size=3>);</font>
<tr>
<td>
<td><font size=3>var gsat = new OpenLayers.Layer.Google(</font>
<tr>
<td>
<td><font size=3>"Google Satellite",</font>
<tr>
<td>
<td><font size=3>{type: G_SATELLITE_MAP, numZoomLevels: 20}</font>
<tr>
<td>
<td><font size=3>);</font>
<tr>
<td>
<td>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3>map.addLayers([gphy, gmap, ghyb, gsat]);</font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3>map.setCenter(new OpenLayers.LonLat(10.2, 48.9), 5);</font>
<tr>
<td>
<td><font size=3>}</font>
<tr>
<td>
<td><font size=3></script> </font>
<tr>
<td>
<td><font size=3></head> </font>
<tr>
<td>
<td><font size=3><body onload="init()"> </font>
<tr>
<td>
<td><font size=3><h1 id="title">Google Layer Example</h1>
</font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3><div id="tags"></div> </font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3><p id="shortdesc"> </font>
<tr>
<td>
<td><font size=3>Demonstrate use of the various types of Google layers.</font>
<tr>
<td>
<td><font size=3></p> </font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3><div id="map" class="smallmap"></div>
</font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3><div id="docs"> </font>
<tr>
<td>
<td><font size=3><p> </font>
<tr>
<td>
<td><font size=3>For best performance, you must be using a version of the
Google Maps</font>
<tr>
<td>
<td><font size=3>API which is v2.93 or higher. In order to use this version
of the API,</font>
<tr>
<td>
<td><font size=3>it is best to simply set your application to use the string
"v=2" in</font>
<tr>
<td>
<td><font size=3>the request, rather than tying your application to an
explicit version.</p> </font>
<tr>
<td>
<td><font size=3><p> </font>
<tr>
<td>
<td><font size=3>In order to position the Google attribution div in the
default ocation,</font>
<tr>
<td>
<td><font size=3>you must include the extra theme/default/google.css stylesheet.</p>
</font>
<tr>
<td>
<td><font size=3></div> </font>
<tr>
<td>
<td><font size=3></body> </font>
<tr>
<td>
<td><font size=3></html> </font></table>
<br><tt><font size=3>Thanks in advance,</font></tt>
<br><tt><font size=3>Joe Miller</font></tt>