Maps do not display correctly in IE
I have two sites now that use the Google Maps Pro. Wonderful tool for sure.
But neither of them display properly in IE, but work wonderfully in Firefox.
Here is an example:
page.php?score=location
Any ideas?
I have two sites now that use the Google Maps Pro. Wonderful tool for sure.
But neither of them display properly in IE, but work wonderfully in Firefox.
Here is an example:
page.php?score=location
Any ideas?
This is a problem that can happen if the google_javascript/wagmp_maps.js reference is added in the wrong place.
Find the following:
<script type="text/javascript" src="/google_javascript/wagmp_maps.js">/*wagmp*/</script>
and move it to be just before the </body> tag.
Thanks Jason,
But that is where that line of code is already on both websites I have that have the same issue.
Brad
when i view the source of you page I see:
<div id="wagmp_map_1" style="width: 420px; height: 420px;"></div>
<p> Osoyoos Coyotes Junior "B" Hockey Club<br />
P.O. Box 99<br />
Osoyoos, BC<br />
V0H 1V0</p>
</div>
<script type="text/javascript" src="/google_javascript/wagmp_maps.js">/*wagmp*/</script>
</div>
</div>
</div>
</div>
<div id="p7VSCcn_1" class="p7VSCdragchannel">
<div class="p7VSC_up"><a href="javascript:;" id="p7VSCdu_1"><em>up</em></a></div>
<div id="p7VSCdc_1" class="p7VSCdragbar">
<div id="p7VSCdb_1" class="p7VSCdragCtrl"><a href="javascript:;" ><em>scroll</em></a></div>
</div>
<div class="p7VSC_pauseplay"><a href="javascript:;" class="play" id="p7VSCbpp_1"><em>Pause or Play</em></a></div>
<div class="p7VSC_dn"><a href="javascript:;" id="p7VSCdd_1"><em>down</em></a></div>
</div>
<script type="text/javascript">
<!--
P7_opVSC('p7VSCb_1',1,4,0,10,10,990,1,1,0,0,1200,300,2000,0);
//-->
</script>
</div>
</div></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="54" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="nextgamevs" src="_images/_layout2/images/nextgamevs.jpg" width="295" height="28" border="0" id="nextgamevs" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="28" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="5"><img name="featureplayerback" src="_images/_layout2/images/featureplayerback.jpg" width="195" height="299" border="0" id="featureplayerback" alt="" /></td>
<td colspan="3"><img name="nextgametimeback" src="_images/_layout2/images/nextgametimeback.jpg" width="295" height="17" border="0" id="nextgametimeback" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="17" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="nextgamelatestscores" src="_images/_layout2/images/nextgamelatestscores.jpg" width="295" height="27" border="0" id="nextgamelatestscores" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="27" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="kijhlstandings" src="_images/_layout2/images/kijhlstandings.jpg" width="295" height="150" border="0" id="kijhlstandings" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="150" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="rightadone" src="_images/_layout2/images/rightadone.jpg" width="295" height="93" border="0" id="rightadone" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="93" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="3"><img name="rightadtwo" src="_images/_layout2/images/rightadtwo.jpg" width="295" height="84" border="0" id="rightadtwo" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="12" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4"><img name="leftadtop" src="_images/_layout2/images/leftadtop.jpg" width="195" height="328" border="0" id="leftadtop" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="72" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="rightadthreea" src="_images/_layout2/images/rightadthreea.jpg" width="146" height="155" border="0" id="rightadthreea" alt="" /></td>
<td colspan="2"><img name="rightadthreeb" src="_images/_layout2/images/rightadthreeb.jpg" width="149" height="155" border="0" id="rightadthreeb" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="155" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="rightadfour" src="_images/_layout2/images/rightadfour.jpg" width="295" height="90" border="0" id="rightadfour" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="90" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="3"><img name="rightadfive" src="_images/_layout2/images/rightadfive.jpg" width="295" height="94" border="0" id="rightadfive" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="11" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3"><img name="leftadbottom" src="_images/_layout2/images/leftadbottom.jpg" width="195" height="327" border="0" id="leftadbottom" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="83" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="rightadsixa" src="_images/_layout2/images/rightadsixa.jpg" width="146" height="154" border="0" id="rightadsixa" alt="" /></td>
<td colspan="2"><img name="rightadsixb" src="_images/_layout2/images/rightadsixb.jpg" width="149" height="154" border="0" id="rightadsixb" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="154" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="rightadseven" src="_images/_layout2/images/rightadseven.jpg" width="295" height="90" border="0" id="rightadseven" alt="" /></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="90" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><div class="footer" id="footer">Official Website of the Osoyoos Coyotes Junior 'B' Hockey Club<br />
Design by: Aurora Graphix </div></td>
<td><img src="_images/_layout2/images/spacer.gif" width="1" height="64" border="0" alt="" /></td>
</tr>
</table>
</div>
<map name="headerMap" id="headerMap">
<area shape="rect" coords="869,68,973,124" href="http://www.kijhl.com" target="_blank" alt="To the KIJHL Website" />
</map>
<map name="ticketinformationMap" id="ticketinformationMap">
<area shape="rect" coords="18,114,184,153" href="page.php?score=single_tickets" />
</map>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
the <script type="text/javascript" src="/google_javascript/wagmp_maps.js">/*wagmp*/</script> line is not just before the closing </body> tag in this code.
Hmm, maybe the problem is that the actuall page with the map is 'included' into a master page. If I look directly at the page that has the map it is at the bottom.
location.php
Yes, that script tag needs to be before the body tag of the page being displayed in the browser, where it is in an include file, it will cause the problem you are experiencing.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.