(Web-) Mapping

Google-Maps: Update auf Version 2

Google hatte Anfang April die Google Maps API in der Version 2 herausgegeben. Wenn man daher bei seinen eigenen, »alten« Anwendungen in den Genuß der neuen, höheren Auflösung und den neuen Karten kommen will, muß man »upgraden«. Hier steht, wie man es macht: Google Maps API Version 2 Upgrade Guide.

Eigentlich ist alles wie bei der Version 1, aber ein paar kleine Inkompatibilitäten haben mir doch beinahe den Verstand geraubt. Es fängt ganz harmlos an, im Header der Datei ist nur v=1 durch v=2 zu ersetzen:

<script src="http://maps.google.com/maps?file=api
&v=2&key=[Dein API Key]" type="text/javascript">
</script>

Damit wird dem API mitgeteilt, daß man hiermit die Version 2 verwenden möchte. Aber der eigentlich Aufruf der neuen GMap2-Klasse braucht doch mehr als nur ein paar kleine Änderungen. Hier erst einmal der Quelltext:

<div id="map" style="width: 460px; height: 400px"></div>
<script type="text/javascript">
//<![CDATA[

var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(52.48142115832729, 
13.426837921142578), 13, G_HYBRID_MAP);
//]]>
</script>

Die erste Zeile ist noch beinahe identisch mit der ersten Zeile der Version 1, außer daß statt GMap eben GMap2 aufgerufen wird. Auch die beiden nächsten Zeilen sind in Version 1 und 2 gleich, ich habe nur, da Google Maps ja nun auch in Europa nicht nur Satellitenbilder, sondern auch Karten anzeigt, einen GMapTypeControl hinzugefügt, damit der Nutzer zwischen den verschiedenen Ansichten (Map, Satellite, Hybrid) hin- und herschalten kann.

Doch statt der alten centerAndZoom()-Methode ist nun die neue Methode setCenter() anzuwenden. Sie erlaubt es nicht mehr, die Karten-Ansicht (Hybrid, Karte oder Satellitenbild) vorher festzulegen, sondern sie wird als optionaler Parameter dieser Methode übergeben. Zulässige Parameter sind G_NORMAL_MAP, G_SATELLITE_MAP und G_HYBRID_MAP.

Aber für Verwirrung bei mir sorgte der neue Constructor GLatLng, der den alten GPoint bei geographischen Daten ersetzt. Denn er will erst den Breitengrad und dann den Längengrad haben, also genau umgekehrt zum Verhalten des Version-1-APIs.

Aber wenn man diese Hürde umschifft hat, hat man seine Methoden dem neuen API angepaßt und der Weg zur schönen, neuen Kartenwelt ist frei.

Gesponserter Link

Store Locator, wo man Öffnungszeiten von Shops findet, bedient sich auch des Google Map API.

Und hier geht es zum dritten und letzten Teil unseres kleinen Google-Map-Tutorials.

Technorati-Tags: GoogleMap Mapping Webworking

Posted by Jörg Kantel | Permalink | | | Mapping