Interaktive Karte von Cavalaire : STARTEN / ZIP
Eine Internet-Stadtkarte auf reiner JavaScript-Basis (2000)
André M. Winter
Allgemeine Beschreibung
eingesetzte Methoden
Systemvoraussetzungen und Programme
Ausbaufähigkeit
Allgemeine Beschreibung
- Die gekachelte Karte wird beim Aufrufen auf die Fenstergrösse angepasst angezeigt
- Über Anker nach den Dateinamen (http://server/pfad/datei.html#anker...) kann das ursprüngliche Sprungziel variiert werden. Das heisst, dass man z.B. aus einem Text heraus direkt ein Objekt visualisiert werden kann. Z.z werden hierfür ein lokales Koordinatensystem, das den Kacheln entspricht, eingesetzt.
- Das Navigationsframe enthält eine Übersichtskarte die ebenfalls anklickbar ist und einen Sprung in der Hauptkarte erlaubt. Aus Kompatibilitätsgründen wird hier eine dynamisch generierte Imagemap angewandt und kein MouseEvent abgefragt.
- Ausführliches Strassenverzeichnis
- Kontrollen bei allen Navgationsschritten, bzw. Korrekturen: befindet sich der Anwender am linken Kartenrad und wählt er die Richtung Links oben, so erhält er keine Fehlermeldung sondern wird nur nach oben weitergeleitet (die Karte ist nicht genordet)
- On- und Offline-Betrieb (nur JavaScript)
- LinkFinder-Modus ("Votre Lien?"): Hier kann der Anwender in die Karte klicken und ein Symbol wählen. Dies wird angezeigt und der volle Pfad, den er als Link in seinen Seiten verwenden kann um sein Objekt zu visualisieren wird ausgeschreiben. Online klappt dies z.z nur unter Netscape, Internet Explorer nur im Offline-Modus von der Festplatte.
Eingesetzte Methoden, Quellen, Erstellung
- Visualisierung
- HTML 4.0
- CSS 1.0
- JavaScript 1.2
- Quellen
- Stadtplan der Stadt Cavalaire. Es ist dies ein einfacher Scan, es war Ziel eine fertige Kartengraphik einzusetzen, die Anwender auch vor Ort einsetzen
- Erstellung
- Bildbearbeitung Corel PhotoPaint, Kachelung (532 Kackeln) mit CorelScript
- Graphik: CorelDraw 8
- Edit: Ultra-Edit Texteditor
Systemvoraussetzungen
Ausbaufähigkeit
- Völlige Browser-Unabhängigkeit.
- Links in der Karte.
- User-spezifisches Layout.
- Durch den Seitenaufbau über Frames und das generieren der Inhalte ist die Back-Funktion nicht optimal einsetzbar.