Tourendokumentation mit Yahoo Map API (neu nun mit API von Google Map)

Hallo zusammen

Dieser Beitrag hat mich auf den Geschmack gebracht. Ich möchte gerne meine Touren (Tracks, Wegpunkte und Fotos) wie die Rallye-Dok im Internet mittels Yahoo-Map-API erstellen und veröffentlichen. Leider ist es mittels dem Programm picopolo nicht möglich und auch sonst kriegte ich dort keine weiteren Infos .

Die bis jetzt recht intensive Internet-Suche hat irgendwie noch nicht gefruchtet und da ich JavaScript nicht kenne komme ich momentan nicht weiter.

Nun meine Fragen :
- Hat schon jemand aus dem Forum die gleiche Idee gehabt und auch verwirklicht ?
- Gibt es dazu eine Anleitung oder Code-Beispiele ?
- Könt ihr mir Tools oder Web-Links nennen, die mir weiterhelfen ?

Und bevor ihr fragt, warum Yahoo-Map und nicht Google-Map :
Yahoo bietet eine grobe Karte für Europa, Google dagegen nicht (nur England und Piemont wegen der Olympiade...)

Zitat

Zitat von Andre.W@21.04.2006 - 10:43
hast Du schon mal versucht, hier zu beginnen?

Hallo Andre

Begonnen schon - dann aber recht schnell meine fehlenden JavaScript Kenntnisse festgestellt

Hallo zusammen

Diese Anfrage / Problem ist ja auch schon länger her und hat sich für mich mittlerweile gelöst.
Da ja nun Google-Maps auch Strassendaten von Europa hat, bin ich auf das API von GM umgestiegen.

Ich habe nun mal meine geplanten USA Touren (Route 66 und WildWest) damit 'dokumentiert'. Berichte und Fotos werden folgen.

Ein Beispiel einer so dokumentierten Tagesetappe könnt ihr hier finden : Death Valley Etappe .
Die ganzen Touren sind unter meiner Homepage 'USA 2007' / 'Route 66' und 'Bikers American Dream' zu finden.

Das Ganze ist recht einfach zu erstellen und braucht wenig 'Zusatzressourcen'.
Voraussetzung ist ein eigener Web-Space und ein Google-Map-API-Key.

Erstellungsschritte :
1. Route in MS planen
2. Route in Track konvertieren (z.B. mit GTA4 oder WinGDB)
3. 'überflüssige' Wegpunkte in der neuen Track-Datei mittels MS löschen.
4. Diese Track-Datei (*.gpx) auf GPSVisualizer in 'html-Code für Gooogle-Map' konvertieren und speichern (*.html)
5. Den API-Key von GPSVisualizer mit dem eigenen ersetzen.
6. Einbinden in die eigene Seite mittels 'iFrame' oder Code kopieren...

Das Ganze geht natürlich auch mit bereits gefahrenen Routen, dann nimmt man einfach die aufgezeichnete Trackdatei und die Schritte 1 und 2 entfallen.

Den 'html-Mapcode' kann man noch mit eigenen Bedürfnissen ergänzen. Zum Beispiel in den WP-Ballons zusätzlicher Text, Links auf Fotos etc..... einfügen.

Zitat von bleacherman68

wie schaffe ich es, dass GPSVisualizer mein .gpx in google maps - .html konvertiert?

Hallo Bernd

Danke für die Blumen...

Zitat

4. Diese Track-Datei (*.gpx) auf GPSVisualizer in 'html-Code für Gooogle-Map' konvertieren und speichern (*.html)

• Die Trackdatei (*.gpx) gibst Du auf der rechten Seite unter "Upload your GPS data files here:" bei "File #1" ein.
• Mit den Optionen links musst Du selber probieren, was sie bewirken.
• Konvertiere die Datei nun mit Drücken auf "Draw the map" vorher noch "Open in new window" anhacken.
• Diese Konvertierung ("Draw the map") kannst Du mehrmals mit veränderten Optionen wiederholen.
• Im neuen Map-Fenster kannst Du nun unter dem Link "save your Google Map" die Karte speichern.
• Auf diesen Link klicken und es öffnet sich erneut ein Fenster nur mit der Karte.
• Diese Seite nun mit den Befehlen "Datei / speichern unter..." auf Deinen PC speichern (gilt für IE, FF hat sicher analoge Befehle...). Bei Dateityp wähle ich immer "Webseite, nur HTML" aus.

Mit dieser Detailbeschreibung hoffe ich nun Dir vom "Schlauch" herunter geholfen zu haben...

Zitat von noodyn

am einfachsten benutzt du http://www.gpsvisualizer.com/

Hallo noodyn
Danke für die Unterstützung.
Kannst Du mir bitte den Unterschied von Deinem Link http://www.gpsvisualizer.com/ zu meinem unter Punkt 4 genannten GPSVisualizer erklären ?
Danke

Zitat von bleacherman68

Die Karte welche ich als .html abspeichere heisst dann etwa

1180613935-13564-195_3_113_71

Hallo Bernd

Beim Speichern kannst Du ja den Namen ändern, dann heisst die Datei auch verständlicher.
Um den API-Key zu ersetzen suchst Du in dieser Datei folgendes :

Zitat

<script src="http://maps.google.com/maps?v=2&file=api&key=

Nach dem '=' kommt nun der Key, den Du mit Deinem ersetzen musst, der Key geht bis zum ".

Hallo gladdi

Wurde die Karte mit dem Track nach der Generierung bei gps-visualizer angezeigt ?
Falls ja, hast Du nach dem download in der html-Seite den API-Key von gps-visualizer mit Deinem eigenen (Deiner HP) ersetzt ?

Hallo Gladdi

Du bist eine Zeile zu tief

Du musst Deinen Key hier ersetzen :

// If you put this map on another Web site, you must include your API key or nothing will work!
var google_api_key = 'Dein Key......................................';

Mit iframe funktioniert es, weil Du so die Karte ab dem Server von gps-visualizer lädst. Dies verursacht natürlich Traffic dort und ist nicht ganz nett...
Du bist auch nicht sicher, wie lange der Code da liegt. Ich denke da wird von zeit zu Zeit aufgeräumt (gelöscht).