Width="100%" & Height="100%" - Map Module [Lead: Kevin Schreiner]

Forum DotNetNuke® Pro... Map Module [Lea... Width="100%" & Height="100%"

4/10/2008 11:55 PM

	ajsansone
182 posts
www.graphicsphere.net/

Width="100%" & Height="100%"

Here's an example of a 100% Width & 100% Height Google Map that works in all web browsers:

I would like to know why the DotNetNuke Map doesn't use this style for the width and height? How can I style my DotNetNuke Map using this format?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<meta http-equiv="Pragma" content="no-cache">
<title> St. Petersburg, FL, USA by Graphicsphere.Net - Google 3D Warehouse</title>
<link href="http://sketchup.google.com/3dwarehouse/resources/3833386262-3dwhstyle.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://sketchup.google.com/3dwarehouse/resources/657889316-all-javascript.js"></script>
<script type="text/javascript">
function createMap() {loadMap();}
</script>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjK6GujSBWcA18jYoWxs45hSh1FVy17_Tb0OMNltvVPzkKeZOThSuUMiDopk54E7tMDw67Brn7Sn3Ug" type="text/javascript"></script>

<script type="text/javascript">
function loadMap() {
    var width = 500;
    var mapDiv = goog.dom.getElement("map");
    var maxBubbleWidth = width *
                         '0.75';

    var mm = new _G3DWH_CollectionMap(
      "http://sketchup.google.com/3dwarehouse/placemarks",
      "mid",
      "hl",
      'en',
      "http://sketchup.google.com/3dwarehouse/brief",
      "Error retrieving map data.",
      "bbox",
      "http://sketchup.google.com/3dwarehouse/resources/1770341138-vbr-single-blue.png",
      "http://sketchup.google.com/3dwarehouse/resources/2482654333-vbr-multi-color.png",
      1000,
      "clid",
      "8d8ce0345e8e97b05d1878ed390ed799"
    );
    mm.initMap(
      27.7668683,
      -82.6399428,
      new GLatLng(27.7817777,
                  -82.6585625),
      new GLatLng(27.751958899999998,
                  -82.6213231),
      maxBubbleWidth
     );
     mm.doRefresh();
}

</script>
</head>
<body style="width:100%;height:100%; margin:0 0 0 0;" scroll="no" onLoad="createMap();">
      <div id='map' style="position:absolute;top:0px; left:0px; width:100%; height:100%;"></div>
   </body>
</html>

Anthony John Sansone
Graphicsphere.Net, President
Palm Harbor, Florida, U.S.A.
http://www.graphicsphere.net

Page 1 of 1

Forum

DotNetNuke® Pro...

Map Module [Lea...

Width="100%" & Height="100%"