The long and short of it: Internet Explorer wants this tidbit of code to be OUTSIDE the <div> boundries…
<sigh> Move this little snippet outside of all <div> boundries and it works ok.
Nuts. I need to do a little research and see if the API will allow me to insert this little Snippet into the bottom portion of the HTML code…
<script>
<!–
//<![CDATA[
var icon = new GIcon();
icon.image = "http://www.google.com/mapfiles/marker.png";
icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
icon.iconSize = new GSize(20, 34);
icon.shadowSize = new GSize(37, 34);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
var map = new GMap(document.getElementById("map001"));
map.setMapType(G_MAP_TYPE);
// map.addControl(new GLargeMapControl());
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(-73.987707, 40.741805), 2);
var point = map.getCenterLatLng();
var marker = new GMarker(point, icon);
map.addOverlay(marker);
var WINDOW_HTML = ‘<div style="width: 12em; style: font-size: small">11 Madison Avenue Nice Place</div>’;
GEvent.addListener(marker, ‘click’, function() {
marker.openInfoWindowHtml(WINDOW_HTML);
});
//]]>
–>
</script>
