nicht angemeldet
Hallo Leute,
ich habe ein Problem mit Google Maps und JavaScript die unten stehende Seite wird im Opera und im Firefox problemlos angezeigt nur der Internet Explorer macht wieder Probleme kann mir jemand sagen wieso. Im vorraus schon mal Danke.
P.S.: Der Google Maps key wurde unten entfernt.
Gruß
--HTML Seite---------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=XXXXX"
type="text/javascript"></script>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var map = null, gdir = null, geocoder = null, DirWidth = null;
var XParam = null, YParam = null, DirElement = null, MapElement = null, Zoom = null;
var waypoints = [];
function argItems (theArgName)
{
sArgs = location.search.slice(1).split('&');
r = '';
for (var i = 0; i < sArgs.length; i++)
{
if (sArgs[i].slice(0,sArgs[i].indexOf('=')) == theArgName)
{
r = sArgs[i].slice(sArgs[i].indexOf('=')+1);
break;
}
}
return r;
}
function loadWayPoints()
{
geocoder = new GClientGeocoder();
sArgs = location.search.slice(1).split('&');
for (var i = 0; i < sArgs.length; i++)
{
if(sArgs[i].slice(0,sArgs[i].indexOf('=')).indexOf("address") != -1)
{
var address = sArgs[i].slice(sArgs[i].indexOf('=')+1);
geocoder.getLatLng(unescape(address),GPoint);
}
}
}
function GPoint(point)
{
if (point)
{
waypoints[waypoints.length] = point;
}
}
function setParam()
{
if(argItems("dirWidth") != "")
{
DirWidth = argItems("dirWidth");
}
else
{
DirWidth = 300;
}
if(argItems("X") != "")
{
XParam = argItems("X");
}
else
{
XParam = 600;
}
if(argItems("Y") != "")
{
YParam = argItems("Y");
}
else
{
YParam = 600;
}
if(argItems("Zoom") != "")
{
Zoom = parseInt(argItems("Zoom"));
}
else
{
Zoom = 12;
}
DirElement = document.getElementById("directions");
MapElement = document.getElementById("map");
}
function loadGMap()
{
document.getElementById("Router").removeChild(DirElement);
if(waypoints.length > 0)
{
map.setCenter(waypoints[0], Zoom);
map.addOverlay(new GMarker(waypoints[0]));
}
}
function loadDirection()
{
DirElement.style.width = DirWidth + "px";
DirElement.style.height = YParam + "px";
MapElement.style.width = (XParam-DirWidth) + "px";
gdir = new GDirections(map, DirElement);
if(waypoints.length > -1)
{
gdir.loadFromWaypoints(waypoints, "de");
}
}
function load()
{
if (GBrowserIsCompatible())
{
setParam();
MapElement.style.width = XParam + "px";
MapElement.style.height = YParam + "px";
loadWayPoints();
map = new GMap2(MapElement);
if(waypoints.length > 1)
{
loadDirection();
map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
}
else if(waypoints.length > 0)
{
loadGMap();
map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
}
else
{
document.write("Entweder ist die angegebende Addresse ist unbekannt ");
document.write("oder es wurde keine Addresse angegeben!");
}
}
}
//]]>
</script>
<style type="text/css">
@import url("http://www.google.com/uds/css/gsearch.css");
@import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
td.scroll
{
scrollbar-base-color: #203b59;
scrollbar-3d-light-color: #a0bbd9;
scrollbar-arrow-color: #a0bbd9;
scrollbar-darkshadow-color: #203b59;
scrollbar-face-color: #203b59;
scrollbar-highlight-color: #809bb9;
scrollbar-shadow-color: #809bb9;
scrollbar-track-color: #203b59;
}
table.Size
{
empty-cells:hide;
}
div.directions
{
overflow:auto;
margin:0px;
}
body
{
margin:0px;
}
</style>
</head>
<body onload="load()" onunload="GUnload()">
<table class="Size">
<tr>
<td id="Router" class="scroll">
<div class="directions" id="directions" style=""></div>
</td>
<td>
<div class="map" id="map" style=""></div>
</td>
</tr>
</table>
</body>
</html>
Der Martin