Java Reference
In-Depth Information
beschränken wir uns hier. Gerade bei einfachen Anwendungen ist die Verwendung des API
im Quelltext einfach und sie wird auf den Google-Seiten mit leicht zu verstehenden Beispie-
len demonstriert. Für viele Zwecke können Sie diese Beispiellistings sogar einfach kopieren
und immer wieder für Ihre Anwendungen anpassen.
HInWEIS:
Beachten Sie, dass Sie mit solchen APIs freiwillige Leistungen eines
fremden Anbieters verwenden und dieser jederzeit eine Unterstützung einstellen
oder die Rahmenbedingungen anpassen kann. Zum Zeitpunkt der Bucherstellung
ist das Google Maps JavaScript API Version 3 das oizielle JavaScript API.
Version 2 dieses API wird entsprechend den Auslaufrichtlinien von Google oiziell
nicht mehr unterstützt. Überhaupt sollte man gerade bei einem kommerziellen
oder professionellen Einsatz die Lizenzbedingungen genau studieren.
14.4.2.3■Eine einfache dynamische Karte
Schauen wir uns zur Verdeutlichung ein vollständiges Listing einer einfachen Karte an, die
mit dem Google Maps API der Version 3 arbeitet
(kap14_9.html):
Listing 14.29■
Eine einfache Karte
...
<script src=
"https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom : 8, center : new google.maps.LatLng(50.11222, 8.68194)
};
map = new google.maps.Map(document.getElementById('karte'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<h1>Karten mit Google Maps</h1><div id="karte"></div>
</body>
</html>
Das ofensichtlich sehr kompakte Beispiel zeigt eine Webseite, in der eine einfache Karte in
einem
<div>
-Bereich angezeigt wird. Mehr brauchen Sie als Code nicht. Die Karte in der
Webseite ist kein statisches Bild, sondern eine interaktive Komponente. Ein Anwender kann
sie mit der Maus jederzeit verschieben. Das erkennen Sie an der veränderten Form des
Mauszeigers über der Karte. Mit gedrückter linker Maustaste verschiebt ein Anwender den
Kartenausschnitt. Auch der Zoomfaktor kann visuell geändert und auch auf eine Satelliten-
ansicht umgeschaltet werden. Nun sprengt eine vollständige Behandlung der gesamten API-
Familie unseren Rahmen und ist auch nicht Ziel eines allgemeinen JavaScript-Buchs, aber
wir werfen dennoch einen genaueren Blick auf die Hintergründe. Denn das ist letztendlich
ebenfalls für die Geolokalisierung mit
navigator.geolocation
grundlegend. Dabei gilt es
zwei Facetten zu betrachten:
Search WWH ::
Custom Search