HTML5 in der mobilen Webentwicklung - HTML5-Apps fur iPhone und Android - page 136

Die JavaScript-API wurde im Mai 2010 in einer neuen Version veröffentlicht. Die dritte
Version der Google Maps-API ist nicht nur schneller, sondern auch wesentlich mehr auf
mobile Geräte mit dem Fokus auf iPhone und Smartphones mit Android-Betriebssys-
tem ausgelegt.
Die API wird über ein script -Tag im head -Bereich des HTML-Codes eingebunden:
<script type "text/javascript"
src "http://maps.google.com/maps/api/js?sensor true"></script>
Im Gegensatz zur Version 2 der API erfordert die neue Version nicht mehr die Angabe
eines API-Schlüssels. Neu ist allerdings der sensor -Parameter, der auch unbedingt mit
angegeben werden muss. Er spezifiziert, ob die Position eines Benutzers über ein Gerät
mit GPS-Empfänger bezogen wird oder nicht. Da wir in diesem Buch mit neuen, mobi-
len Betriebssystemen arbeiten, setzen wir den Parameter auf true .
Die Google Maps-API benutzt die vom Benutzer gesetzte Spracheinstellung, um die
verschiedenen Elemente, Bezeichnungen, Copyright-Informationen etc. auf der Karte
anzuzeigen. In den meisten Fällen bedarf das keiner Änderung. Falls Sie jedoch eine
Seite speziell für ein Land entwickeln und sicherstellen wollen, dass alle Elemente in der
Google Maps-Ansicht in einer festgelegten Sprache angezeigt werden, können Sie den
script -Aufruf um einen Sprachenparameter erweitern:
<script type "text/javascript"
src "http://maps.google.com/maps/api/js?sensor true&language de">
Alle Sprachelemente in der Google Maps-Ansicht werden nach diesem Aufruf auf
Deutsch angezeigt, egal welche Sprache der Benutzer für seinen Browser eingestellt hat.
Wichtiger als die Spracheinstellung (die in der Regel automatisch vom Browser über-
nommen wird) ist die Festlegung der Region, von der aus die meisten Benutzer die Seite
mit der eingebundenen Google-Karte aufrufen. Mit dem folgenden script -Aufruf
können Sie die Standardregion auf Deutschland setzen:
<script type "text/javascript"
src "http://maps.google.com/maps/api/js?sensor true&region DE">
Dies macht dann einen Unterschied, wenn Sie beispielsweise nicht die Geokoordinaten
zu Google Maps schicken, sondern Google Maps mit einem Städtenamen als Suchbegriff
aufrufen. Wird die Region nicht angegeben, wird in der Regel angenommen, dass die
USA die Standardregion ist. Gibt es einen passenden Städtenamen auch in den USA,
beispielsweise »Dresden«, kann es passieren, dass das amerikanische Dresden im
Bundesstaat Ohio angezeigt wird und nicht die sächsische Landeshauptstadt.
2.5.5 One-Shot-Positionsanfragen
Eine einfache One-Shot-Anfrage kann so erstellt werden:
//Callback Funktion, wird aufgerufen, sobald Position vorhanden ist
function showMap(position) {
var lat position.coords.latitude;
var lon position.coords.longitude;