<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">&lt;!</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">&nbsp; &nbsp; </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">&quot;-//W3C//DTD
XHTML 1.0 Strict//EN&quot;</font>
<br><font size=2 face="Courier New">&nbsp; &nbsp; &nbsp; &nbsp; </font><font size=2 color=#3f8080 face="Courier New">&quot;</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">&quot;</font><font size=2 color=#008080 face="Courier New">&gt;</font><font size=2 face="Courier New">
</font>
<br><font size=2 face="Courier New">&nbsp; in order to support non-map
content on my page. &nbsp;In addition we are forcing IE8 into compatibility
mode using:</font>
<br><font size=2 color=#008080 face="Courier New">&lt;</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>&quot;X-UA-Compatible&quot;</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>&quot;IE=EmulateIE7&quot;</i></font><font size=2 color=#008080 face="Courier New">/&gt;</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. &nbsp;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). &nbsp;The dimensions of the map are set
in pixels in a stylesheet, so that is not the source of the problem. &nbsp;An
example of this behaviour cobbled together from our headers and an example
from the OpenLayers site:</font>
<br>
<br><tt><font size=3>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;<br>
&lt;!DOCTYPE html<br>
 &nbsp; &nbsp;PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;<br>
 &nbsp; &nbsp; &nbsp; &nbsp;&quot;</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>&quot;&gt;
<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &lt;meta http-equiv=&quot;X-UA-Compatible&quot;
content=&quot;IE=EmulateIE7&quot;/&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<br>
<br>
&lt;html xmlns=&quot;</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>&quot;
xml:lang=&quot;en&quot;&gt;<br>
&lt;head&gt;<br>
&lt;meta content=&quot;text/html;charset=ISO-8859-1&quot; /&gt;<br>
</font></tt>
<table>
<tr>
<td><font size=3>&lt;title&gt;OpenLayers Google Layer Example&lt;/title&gt;
</font>
<td valign=top>
<tr>
<td>
<td><font size=3>&lt;link rel=&quot;stylesheet&quot; href=&quot;</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>&quot;
type=&quot;text/css&quot; /&gt; </font>
<tr>
<td>
<td><font size=3>&lt;link rel=&quot;stylesheet&quot; href=&quot;</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>&quot;
type=&quot;text/css&quot; /&gt; </font>
<tr>
<td>
<td><font size=3>&lt;link rel=&quot;stylesheet&quot; href=&quot;</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>&quot;
type=&quot;text/css&quot; /&gt; </font>
<tr>
<td>
<td><font size=3>&lt;!-- this gmaps key generated for </font><a href=http://openlayers.org/dev/><font size=3>http://openlayers.org/dev/</font></a><font size=3>
--&gt; </font>
<tr>
<td>
<td><font size=3>&lt;script src='</font><a href="http://maps.google.com/maps?file=api&amp;amp;v=2&amp;amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ" target=_blank><font size=3 color=blue><u>http://maps.google.com/maps?file=api&amp;amp;v=2&amp;amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ</u></font></a><font size=3>'&gt;&lt;/script&gt;
</font>
<tr>
<td>
<td><font size=3>&lt;script src=&quot;</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>&quot;&gt;&lt;/script&gt;
</font>
<tr>
<td>
<td><font size=3>&lt;script type=&quot;text/javascript&quot;&gt; </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>&quot;Google Physical&quot;,</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>&quot;Google Streets&quot;, // 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>&quot;Google Hybrid&quot;,</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>&quot;Google Satellite&quot;,</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>&lt;/script&gt; </font>
<tr>
<td>
<td><font size=3>&lt;/head&gt; </font>
<tr>
<td>
<td><font size=3>&lt;body onload=&quot;init()&quot;&gt; </font>
<tr>
<td>
<td><font size=3>&lt;h1 id=&quot;title&quot;&gt;Google Layer Example&lt;/h1&gt;
</font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3>&lt;div id=&quot;tags&quot;&gt;&lt;/div&gt; </font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3>&lt;p id=&quot;shortdesc&quot;&gt; </font>
<tr>
<td>
<td><font size=3>Demonstrate use of the various types of Google layers.</font>
<tr>
<td>
<td><font size=3>&lt;/p&gt; </font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3>&lt;div id=&quot;map&quot; class=&quot;smallmap&quot;&gt;&lt;/div&gt;
</font>
<tr>
<td>
<td>
<tr>
<td>
<td><font size=3>&lt;div id=&quot;docs&quot;&gt; </font>
<tr>
<td>
<td><font size=3>&lt;p&gt; </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
&quot;v=2&quot; in</font>
<tr>
<td>
<td><font size=3>the request, rather than tying your application to an
explicit version.&lt;/p&gt; </font>
<tr>
<td>
<td><font size=3>&lt;p&gt; </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.&lt;/p&gt;
</font>
<tr>
<td>
<td><font size=3>&lt;/div&gt; </font>
<tr>
<td>
<td><font size=3>&lt;/body&gt; </font>
<tr>
<td>
<td><font size=3>&lt;/html&gt; </font></table>
<br><tt><font size=3>Thanks in advance,</font></tt>
<br><tt><font size=3>Joe Miller</font></tt>