WebApps mit Frameworks entwickeln - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 319

destination
Neben den GPS-Koordinaten können Sie auch einfachen Text angeben. Im Falle
des Routenziels ( destination ) wählen Sie zur Veranschaulichung ein sehr gutes
Fischrestaurant auf der Nordseeinsel Norderney mit der Adresse »Friedrichstr. 37,
Norderney«.

travelmode
Hiermit geben Sie vor, dass die Route für die Fahrt mit dem Auto angezeigt werden
soll.

Nachdem Sie nun einige Parameter konfiguriert haben, wird eine Funktion initiiert.
Ist dabei der Aufruf erfolgreich gewesen, so wird die Google-Maps-Karte erstellt.
Wenn nicht, wird eine Fehlermeldung ausgegeben. Der komplette Code sollte jetzt
bei Ihnen folgendermaßen aussehen:

8

<script>
$('#anfahrt').on("pageshow", function() {
var positionsAusgabe = function(position){
var longpos = position.coords.longitude;
var latpos = position.coords.latitude;
$('#karte-container').height($(window).height());
$('#karte-container').gmap(
'displayDirections',
{
'origin': new google.maps.LatLng(latpos,longpos),
'destination': "Friedrichstr. 37, Norderney",
'travelMode': google.maps.DirectionsTravelMode.DRIVING
},
function(success, response) {
if ( success ) {
return new google.maps.LatLng(latpos, longpos);
} else {
alert('error');
$('#karte-container').gmap('getService', 'DirectionsRenderer').setMap(null);
}
}
);
};
navigator.geolocation.getCurrentPosition(positionsAusgabe);
});
</script>

Listing 8.17 Das komplette Script zur Positionsbestimmung, Routenberechnung und
Ausgabe der Karte