I have created a very simple module with just a user control that holds a google map. When I display the page in Firefox, it displays properly, when I display the page in IE 6 or 7, the right side of the google map is just a solid grey color as if the tiles are missing and it cannot be grabbed and moved. It may require a few page refreshes to see this. It also happens when you grab and drag the map. You can see the error here:
http://www.websmithing.com/portal/Personal/GoogleMap/tabid/67/Default.aspx
Here is the entire code:
<%@ Control language="C#" Inherits="ViewGoogleMap" CodeFile="ViewGoogleMap.ascx.cs" AutoEventWireup="true"%>
<%@ Register TagPrefix="dnn" TagName="Audit" Src="~/controls/ModuleAuditControl.ascx" %>
<script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAQ35Hu3xqOoeD50UMgBW0cBQEt3eA6mol2Np5q6SKw0EDVXpM9hRExX__LZW3RbLXHuLKZlwC0oypOw"
type="text/javascript"></script>
<script type="text/javascript">
function loadMap() {
var googlemap = document.getElementById('googlemap');
if (GBrowserIsCompatible()) {
var map = new GMap2(googlemap);
map.setCenter(new GLatLng(47.583242, -122.210197), 14);
}
}
</script>
<div id="googlemap" style="height:275px;width:400px;"></div>
<script type="text/javascript">
loadMap();
</script>
************************************************************************************************
using System;
using System.Web.UI;
using System.Web.UI.HtmlControls;
partial class ViewGoogleMap : DotNetNuke.Entities.Modules.PortalModuleBase {
protected void Page_Load(System.Object sender, System.EventArgs e) {
}
}
partial rendering is enabled on the control. I also tried it with partial rendering turned off. Please help, it's crucial that I get this working,
thank you!
Nick