-
Notifications
You must be signed in to change notification settings - Fork 79
/
Copy pathtravelbook-germany-trip.html
133 lines (121 loc) · 5.31 KB
/
travelbook-germany-trip.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta name="description" content="An optimized road trip across Germany.">
<meta name="author" content="TRAVELBOOK.de">
<title>TRAVELBOOK.de - An optimized road trip across Germany according to machine learning</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
#panel {
position: absolute;
top: 5px;
left: 50%;
margin-left: -180px;
z-index: 5;
background-color: #fff;
padding: 10px;
border: 1px solid #999;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&language=de"></script>
<script>
var directionsDisplay1, directionsDisplay2;
var directionsDisplay3, directionsDisplay4;
var directionsDisplay5, directionsDisplay6;
var markerOptions = {icon: "http://maps.gstatic.com/mapfiles/markers2/marker.png"};
var directionsDisplayOptions = {preserveViewport: true,
markerOptions: markerOptions};
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
var center = new google.maps.LatLng(52, 11);
var mapOptions = {
zoom: 6,
center: center
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
directionsDisplay1.setMap(map);
directionsDisplay2.setMap(map);
directionsDisplay3.setMap(map);
directionsDisplay4.setMap(map);
directionsDisplay5.setMap(map);
directionsDisplay6.setMap(map);
}
function calcRoute(start, end, routes) {
switch (start) {
case "Casino Baden-Baden":
directionsDisplay1 = new google.maps.DirectionsRenderer(directionsDisplayOptions);
break;
case "Königssee, Schönau":
directionsDisplay2 = new google.maps.DirectionsRenderer(directionsDisplayOptions);
break;
case "Goethe-Nationalmuseum, Weimar":
directionsDisplay3 = new google.maps.DirectionsRenderer(directionsDisplayOptions);
break;
case "Brocken, Harz":
directionsDisplay4 = new google.maps.DirectionsRenderer(directionsDisplayOptions);
break;
case "Auswandererhaus, Bremerhaven":
directionsDisplay5 = new google.maps.DirectionsRenderer(directionsDisplayOptions);
break;
case "Saarschleife, Mettlach":
directionsDisplay6 = new google.maps.DirectionsRenderer(directionsDisplayOptions);
break;
}
var waypts = [];
for (var i = 0; i < routes.length; i++) {
waypts.push({
location:routes[i],
stopover:true});
}
var request = {
origin: start,
destination: end,
waypoints: waypts,
optimizeWaypoints: false,
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
switch (start) {
case "Casino Baden-Baden":
directionsDisplay1.setDirections(response);
break;
case "Königssee, Schönau":
directionsDisplay2.setDirections(response);
break;
case "Goethe-Nationalmuseum, Weimar":
directionsDisplay3.setDirections(response);
break;
case "Brocken, Harz":
directionsDisplay4.setDirections(response);
break;
case "Auswandererhaus, Bremerhaven":
directionsDisplay5.setDirections(response);
break;
case "Saarschleife, Mettlach":
directionsDisplay6.setDirections(response);
break;
}
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
calcRoute("Casino Baden-Baden", "Königssee, Schönau", ["Europa Park Rust", "Weltgrößte Kuckucksuhr, Schonach im Schwarzwald", "Hölderlinturm, Tübingen", "Neues Schloss, Stuttgart", "Ulmer Münster, Ulm", "Insel Mainau, Konstanz", "Breitachklamm, Allgäu", "Schloss Neuschwanstein, Schongau"]);
calcRoute("Königssee, Schönau", "Goethe-Nationalmuseum, Weimar", ["Marienplatz, München", "Donaudurchbruch, Kelheim", "Altstadt Rothenburg ob der Tauber", "Kettensteg, Nürnberg", "Bayreuther Festspiele", "Feengrotte, Saalfeld", "Wartburg, Eisenach", "Erfurter Dom"]);
calcRoute("Goethe-Nationalmuseum, Weimar", "Brocken, Harz", ["Augustplatz Leipzig", "Zwinger, Dresden", "Nationalpark Sächsische Schweiz (Elbsandsteingebirge)", "Marienplatz, Görlitz", "Spreewald, Brandenburg", "Brandenburger Tor, Berlin", "Schloss Sanssouci, Potsdam", "Bauhaus, Dessau"]);
calcRoute("Brocken, Harz", "Auswandererhaus, Bremerhaven", ["VW-Museum, Wolfsburg", "Schloss Schwerin", "Seebrücke Heiligendamm", "Königsstuhl, Rügen", "Holstentor, Lübeck", "25924 Rodenäs, Germany", "Leuchtturm am Ellenbogen, Sylt", "Landungsbrücken, Hamburg"]);
calcRoute("Auswandererhaus, Bremerhaven", "Saarschleife, Mettlach", ["Bremer Stadtmusikanten, Bremen", "St.-Paulus-Dom, Münster", "Zeche Zollverein, essen", "Königsallee, Düsseldorf", "Kölner Dom, Köln", "Beethovenhaus, Bonn", "Deutsches Eck, Koblenz", "Porta Nigra, Trier"]);
calcRoute("Saarschleife, Mettlach", "Casino Baden-Baden", ["Loreley, Sankt Goarshausen", "Kurhaus Wiesbaden", "Römer, Frankfurt", "Schloss Heidelberg"]);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>