Routenplaner mit GoogleMaps-Api einbinden

[voodoo36]

Das ist aber nicht der hier gezeigte Code?! Der Ursprungscode hier, war von blue!

[Bude]

Ihr könnt auch mal den Routenplaner von Falk probieren !! Ich finde diesen besser, als den von google !!

http://www.webtodateforum.de/forum/w...einbinden.html

[renditefinder]

Guten Morgen,

soeben wollte ich für den Routenplaner "Code von BLUE" einen API-Schlüssel generieren und diesen in den Code-Block einsetzen.
Leider kann man bei Google diesen API-Coder NICHT mehr generieren. Es gibt eine neue Möglichkeit: API V3 .. GoogleÂ*MapsÂ*JavaScriptÂ*API Version 3 - GoogleÂ*MapsÂ*JavaScriptÂ*API Version 3 - Google Code

1 Stunde Zeit ( zum Lesen ) investiert... Ich habe nichts, aber auch gar nichts verstanden!!!

Wie passe ich den Code an?

Auf meiner "Testseite" versuche ich den Routenplaner einzusetzen...
Grüße und Vielen Dank
Michael

[harlekin8]

Hi,

nimm doch den Falk Routenplaner - ist über einem HTML-Absatz sehr einfach einzubinden ... und gibt optisch und funktional (z.Bp. Baustellenanzeige, Parkhäuser, Ansichten ... ) mehr her ...

Schöne Grüße

[renditefinder]

@Harlekin
Danke für den Tipp.
Ich finde, das ist keine Alternative:
1. "Adresse konnte nicht geokodiert werden", wenn du das Wort Strasse NICHT ausschreibst, dann findet der Falkplaner den "Ort" nicht.
2. Es wird Werbung eingeblendet.

Wer kann mir mit dem Google Routenplaner helfen?

Grüße
Michael

[renditefinder]

@ontourrh
deine Kommentare lese ich schon länger..... meist finde ich sie lustig, wenn auch manchmal etwas arrogant... Passt schon!

Ich kenne die Fehlermeldung auf der Seite...
Das Problem: Es gibt keinen neuen API-KEY! Man kann nichts mehr generieren......

Wie ich eine Google Maps Karte auf die Webseite bekomme ist mir bekannt. siehe HIER

Ich möchte das Script von blue lediglich so anpassen, dass der Routenplaner funktioniert. Anstatt des API-Keys muss ich einen Code einfügen.. welchen?

Grüße
Michael

[renditefinder]

Hallo ontourrh,
danke für deine Kommentare.

Vielleicht hat noch jemand eine Idee.

Grüße
Michael

[harlekin8]

Hallo Michael,

vielleicht hast du an der falschen Stelle bei google maps nachgeschaut:

Das Tutorial ist ziemlich verständlich erörtert.

Fang mal damit an ...

Servus

[voodoo36]

Hallo renditefinder, diesen Code und Ähnliche gibt es viele, diesen Code im Forum, habe ich schon öfter eingesetzt ohne Probleme... Kannst du mal den eingesetzten Code posten..

[renditefinder]

Hallo Harlekin.. danke für den Hinweis. Trotzdem ist mir nicht klar, wie ich den Code abändern muss, damit der Google Routenplaner so funktioniert, wie er sollte. Vielleicht kann Voodoo mir einen Tipp geben.

Hallo Voodoo,

hier der Code:

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=123"
      type="text/javascript"></script>
<style type="text/css">
      v\:* {
        behavior:url(#default#VML);
      }
 
      table.directions th {
 background-color:#888888;
      }
 
      img {
        color: #000000;
      }
    </style>
    <script type="text/javascript">
    //<![CDATA[
    var map;
    var gdir;
    var geocoder = null;
    var addressMarker;
    function load() {
      if (GBrowserIsCompatible()) {      
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        gdir = new GDirections(map, document.getElementById("directions"));
        GEvent.addListener(gdir, "load", onGDirectionsLoad);
        GEvent.addListener(gdir, "error", handleErrors);
        setDirections("Herne", "Herne, Hohensteinerstr. 2", "de");
      }
    }
 
    function setDirections(fromAddress, toAddress, locale) {
      gdir.load("from: " + fromAddress + " to: " + toAddress,
                { "locale": locale });
    }
    function handleErrors(){
    if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
      alert("Es wurde kein entsprechender Ort zu Ihrer Routenberechnung gefunden!\nError code: " + gdir.getStatus().code);
    else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
      alert("Leider konnte keine Route berechnet werden!\n Error code: " + gdir.getStatus().code);
 
    else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
      alert("Der HTTP q Parameter fehlt oder hat keinen Inhalt!\n Error code: " + gdir.getStatus().code);
 //   else if (gdir.getStatus().code == G_UNAVAILABLE_ADDRESS)  <--- Doc bug... this is either not defined, or Doc is wrong
 //     alert("Der Geocode für die angegebene Adresse ist fehlerhaft.\n Error code: " + gdir.getStatus().code);
 
    else if (gdir.getStatus().code == G_GEO_BAD_KEY)
      alert("Der angegeben API Key ist für eine andere Domain. \n Error code: " + gdir.getStatus().code);
    else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
      alert("Leider ist ein Fehler bei der Routenberechnung aufgetreten.\n Error code: " + gdir.getStatus().code);
 
    else alert("Ein unbekannter Fehler trat auf!");
 
 }
 function onGDirectionsLoad(){ 
        }
 
    //]]>
    </script>
  <body onload="load()" onunload="GUnload()">
 
  <h2>Bitte geben Sie die Startadresse ein - Trennen Sie Stadt und Strasse einfach mit einem "Komma"</h2>
  <form action="#" onsubmit="setDirections(this.from.value, this.to.value, this.locale.value); return false">
  <table>
   <tr><th align="right">Start:&nbsp;</th>
   <td><input type="text" size="30" id="fromAddress" name="from"
     value=""/></td>
   <th align="right">&nbsp;&nbsp;Zielort:&nbsp;</th>
   <td align="right"><input type="text" size="34" id="toAddress" name="to"
     value="44628 Herne, Hohensteiner Str. 2" /></td></tr>
   <tr><th>Sprachauswahl:&nbsp;</th>
   <td colspan="3"><select id="locale" name="locale">
    <option value="de" selectet>Deutsch</option>
    <option value="en">English</option>
    <option value="fr">French</option>
    <option value="it">Italian</option>
    <option value="eu">Basque</option>
    <option value="nl">Dutch</option>
 
      </select>
    <input name="submit" type="submit" value="Routenplanung" />
   </td></tr>
   </table>
 
  </form>
    <br/>
    <table class="directions">
    <tr><th>Hier gehts lang:</th><th>Map</th></tr>
    <tr>
    <td valign="top"><div id="directions" style="width: 300px"></div></td>
    <td valign="top"><div id="map" style="width: 550px; height: 500px"></div></td>
    </tr>
    </table>

Unwissenheit vs. Know-How
Gibt es eigentlich eine Möglichkeit sich für entsprechende Unterstützung erkenntlich zu zeigen.... außer dem "Danke Schön"?

Grüße
Michael