Google-Maps Route per API einbinden ?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
srilankatours

srilankatours hat kostenlosen Webspace.

11:24, 17.7.2012
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 ?
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

re-aktor hat kostenlosen Webspace.

12:36, 7.8.2012
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
domi46

domi46 hat kostenlosen Webspace.

9:52, 8.8.2012
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
tchab

tchab hat kostenlosen Webspace.

10:05, 8.8.2012

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.

10:37, 8.8.2012

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

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

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city