Deine Aufgabe: Plane eine Route

Code skill

Plane einen Weg durch Berlin vom Brandenburger Tor zur Gedächtniskirche für Dr. Key. Verwende die Routing-Maschine von OpenStreetMap. Dieser Dienst ist völlig frei. In deinem HTML-Dokument brauchst du folgende Sachen:

  • Das <iframe>-Tag
  • Das src-Attribut mit einer korrekten URL. Sie enthält im Querystring folgende Angaben: Zoom-Faktor, geographische Koordinaten des Mittelpunkts der Karte, geographische Koordinaten von Start und Ziel, Verkehrsmittel (z.B. Fahrrad).
Wenn du nicht weiterkommst, kannst du diesen Quellcode kopieren. Speichere die Datei unter dem Namen route.html in deinem Ordner Coding.

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" 
        content="text/html; charset=utf-8"/> <title>Geheimne Route</title>
</head>
<body>
<iframe 
  width="1000" height="600"
  scrolling="no" 
  src="https://routing.openstreetmap.de/?
      z=14¢er=52.5106,13.3668&loc=
      52.5162,13.3777&loc=52.5049,13.3346&hl=de&srv=1">
</iframe>
</body>
</html>

Zurück zur Mission
Copyright © 2008 Walker Books Ltd
Illustrations © Duncan Beedie
All rights reserved.