kostenloser Webspace werbefrei: lima-city


Google-Maps Route per API einbinden ?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    srilankatours

    srilankatours hat kostenlosen Webspace.

    Hallo

    ich versuche gerade eine Route (mit mehreren Wegpunkten) auf eine Homepage einzubinden,

    ohne API bekomme ich es hin, also direkt per iFrame von Google-Maps ... siehe Beispiel

    in Sri Lanka:
    von Negombo
    nach Sigiriya
    dann nach Matale
    dann nach Nuwara Eliya

    wenn ich das auf einer Webseite einbauen will,
    die über Touren in Sri Lanka informiert, ist das dann "gewerblich" ?

    wenn "gewerblich", dann soll man ja die Google-Maps-API benutzen,
    aber ich finde keinen Beispiel-Code,
    wie ich diese MAP (mit der oben genannten Route) per API in die Seite einbauen kann,
    oder soll ich es doch einfach per iFrame machen ?

    Einen Google-API-Key habe ich,
    aber wie kann ich eine Karte mit Route mit mehreren Wegpunkten per API-Aufruf einbinden ?

    brauche ich überhaupt eine API anfrage ?

  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Ob eine Seite gewerblich betrieben wird hängt von vers. Faktoren ab. Manche Auslegungen berücksichtigen zB Werbeeinahmen.

    Was eine Route per API angeht hilft die API Dokumentation gut weiter: https://developers.google.com/maps/documentation/javascript/services?hl=de#Directions
  4. Einfachste Lösung. Du machst ein Bild von der Route, und sobald ein user darauf klickt machst du einen neuen Tab auf welcher die wirkliche Google seite mit der route zeigt.

    somit haste die frage "gewerblich, API KEY.." geklärt.

    Gruß domi
  5. domi46 schrieb:
    Einfachste Lösung. Du machst ein Bild von der Route, und sobald ein user darauf klickt machst du einen neuen Tab auf welcher die wirkliche Google seite mit der route zeigt.

    somit haste die frage "gewerblich, API KEY.." geklärt.

    Gruß domi


    Warum ändert das den Status "gewerblich"? Es geht darum, die Karten zu nutzen, da ist es egal, ob er ein Bild macht oder die API einsetzt, entweder ist es gewerblich oder privat.

    @TE: Wenn es eine Hobby-Seite zu deinen Reisen z.B. ist und keine Werbung geschaltet wird, dann ist das nicht gewerblich. Wenn du die Insel einfach so vorstellest, Werbung schälst oder vllt direkt Flüge verkaufst ist es gewerblich. Erkunde dich beim Lizenzgeber, ob sie Werbung auf einer Hobby-Seite als gewerblich ansehen oder nicht, dann bist du auf der sicheren Seite.
  6. Hallo
    habe mal bischen rumgesucht un ein Beispiel gefunden,
    aber keine Ahnung ob das V2 oder V3 ist

    und V2 ist glaub ich veraltet, und könnte sein dass es auch bald nicht mehr funktioniert, nur noch V3

    <html>
    <head>
    <title>MAP</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    
    </head>
    
    <body bgcolor="#FFFFFF" text="#000000">
    
    <br>
    <br>
    <br>
    
    
    <div id="show_map" style="width: 620px; height: 540px;"></div>
    
    <script type="text/javascript">
    
    var directionsService = new google.maps.DirectionsService();
    var directionsDisplay = new google.maps.DirectionsRenderer();
    
    var myOptions = {
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    
    /* --- 
    MapTypeId.ROADMAP
    MapTypeId.SATELLITE
    MapTypeId.HYBRID
    MapTypeId.TERRAIN
    --- */
    
    
    var map = new google.maps.Map(document.getElementById("show_map"), myOptions);
    directionsDisplay.setMap(map);
    
    var request = {
    
    origin: 'Negombo,+Sri+Lanka', 
    
    destination: 'Nuwara Eliya,+Sri+Lanka',
    
    waypoints: [
      {location:'Sigiriya,+Sri+Lanka',stopover:true},
      {location:'Matale,+Sri+Lanka',stopover:true}
    ],
    
    provideRouteAlternatives: false,
    
    travelMode: google.maps.DirectionsTravelMode.DRIVING, 
    
    unitSystem: google.maps.UnitSystem.METRIC 
    // unitSystem: google.maps.UnitSystem.IMPERIAL
    
    };
    
    
    directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
    directionsDisplay.setDirections(response);
    }
    });
    
    </script>
    
    
    
    <br>
    <br>
    <br>
    
    
    </body>
    </html>



    komisch ist auch, dass das JavaScript (mit dem Code) nach dem <div> zur Ausgabe rein muss,
    habe es auch im <head> ausprobiert, und im <body> oberhalb des div, beides ohne Ausgane ?

    EDIT:
    zu gewerblich ... ich glaube sobald auch nur ein kleiner bezahlter Banner (Affiliate-Programm)
    auf der Webseite ist, dann ist es auch als "gewerblich" anzusehen, bin mir aber auch da nicht sicher



    Beitrag zuletzt geändert: 8.8.2012 10:40:10 von wegreise
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!