<html>
<head>
<title>Übersichtskarte</title>
<link rel="stylesheet" type"text/css" href="funktionen/style.css">
<script src="http://maps.google.com/maps?file=api&v=2&key=XXX" type="text/javascript"></script>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script>
</head>
<body onunload="GUnload()">
<div id="map" style="width: 1000px; height: 750px"></div>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
var ortsnetzstationIcon = new GIcon();
taxiIcon.image = "grafiken/taxi.png";
taxiIcon.shadow = "grafiken/shadow-taxi.png";
taxiIcon.iconSize = new GSize(25.0, 25.0);
taxiIcon.shadowSize = new GSize(38.0, 25.0);
taxiIcon.iconAnchor = new GPoint(12.0, 12.0);
taxiIcon.infoWindowAnchor = new GPoint(12.0, 12.0);
var umspannwerkIcon = new GIcon();
busIcon.image = "grafiken/bus.png";
busIcon.shadow = "grafiken/shadow-bus.png";
busIcon.iconSize = new GSize(25.0, 25.0);
busIcon.shadowSize = new GSize(38.0, 25.0);
busIcon.iconAnchor = new GPoint(12.0, 12.0);
busIcon.infoWindowAnchor = new GPoint(12.0, 12.0);
var icons = [];
icons[0] = taxiIcon;
icons[1] = busIcon;
function createMarker(point,html,icontype) {
var marker = new GMarker(point,icons[icontype]);
// Routenplaner -START-
html = html + '<br><br></b>Route berechnen:<form action="routenplaner.html" method="get" target="Routenplaner">' +
'<input style="text-align:center" type="text" size=40 maxlength=40 name="s" id="s" value="Berlin" /><br><br>' +
'<input value="Route berechnen" type="submit">' +
'<input type="hidden" name="z" value="' + point.lat() + ' ' + point.lng() +
'"/>';
// Routenplaner -ENDE-
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(52.523167, 13.411989), 16, G_NORMAL_MAP);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
var request = GXmlHttp.create();
request.open("GET", "daten/daten.xml", true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = GXml.parse(request.responseText);
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var html = markers[i].getAttribute("html");
var icontype = parseInt(markers[i].getAttribute("icontype"));
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
}
}
}
request.send(null);
}
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}
//]]>
</script>
</body>
</html>
