Google Maps API Tutorial – Übersichtskarte
12. August 2009
Nachdem ich gestern wieder einmal das Design an der Demo-Anwendung geändert habe. Habe ich bei dieser Gelegenheit eine Übersichtskarte eingebaut. Diese Übersichtskarte ist eine der wenigen Elemente, auf die einem Google so gut wie keine Einflussmöglichkeiten gewährt. “Früher” einmal konnte man das Design über CSS ändern, aber mit der neuen Version der API handelt man sich da erhebliche... 
Artikel lesen
Google Maps API mit jQuery
7. August 2009
Wie gestern bereits angekündigt, geht es imGoogle Mashup Demo nun erst mal wieder mit der Landkarte an sich weiter. Ich habe heute die Anwendung auf jQuery umgestellt, und die Karte von Landkarte auf Satellitenbild umgestellt. Zumindest letzteres geht recht einfach mittels des Befehls:
1
map.setMapType(G_SATELLITE_MAP);
map ist dabei natürlich die im Tutorial verwendete Variable für die... Artikel lesen
Design-Update zum Zweiten
6. August 2009
Frei nach dem Motto: Nicht schön, aber einzigartig, habe ich heute noch was am Design geschraubt. Mir ging es vor allem darum, das die Navigationselemente um die Karte herum mittels Schatten über dieser liegen. Dies habe ich geschafft, auch wenn das Resultat bescheiden aussieht :) Ein Grund wieso es bescheiden aussieht ist die Landkarte an sich, in der in den nächsten Tagen immens geschraubt werden... Artikel lesen
Tutorial Google Maps API – Komplettes Beispiel
3. August 2009
Fügt man alle Teile des Tutorials zu einem zusammen, erhält man das folgende JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
var address = "Domkloster 4, 50667 Koeln";
var map = null;
var geocoder = null;
function addToMap(response) {
ort = response.Placemark[0];
... Artikel lesen
Google Maps API – Geocodierung
31. Juli 2009
In den bisherigen Teilen des Tutorials haben wir eine Adresse immer mittels der Koordinaten übergeben. Wie schon festgestellt birgt das einiges an Problemen, da wir in der Regel die Koordinaten eines Ortes nicht kennen, und diese somit nachschlagen müssen. Um dieses Manko zu beheben, besitzt die Google Maps API eine sogenannte Geocodierung. Mittels dieser Geocodierung können zum Beispiel Placemarks... Artikel lesen
Google Maps API – Events
30. Juli 2009
Im letzten Teil des Tutorials vertagt, so geht es heute erstmal um Events. Hintergrund ist der, dass bei Klick auf ein Placemark ein hübsches HTML-Popup aufgehen soll. Natürlich kennt die Google API verschiedene Events, allerdings primär click, dblclick und move.
Es gibt an dieser Stelle allerdings ein kleines Problem, ein Click-Event an sich ist ja ganz nett, aber es macht durchaus einen Unterschied,... Artikel lesen
Placemarks in der Google Maps API
29. Juli 2009
Nachdem im ersten Teil des Tutorials in einem Div-Layer eine Landkarte eingeblendet worden ist, möchte ich in diesem Teil des Tutorials ein Placemark setzen. Bei Klick auf das Placemark soll ein hübsches HTML-Popup aufgehen. Das HTML-Popup verschieben wir aber erstmal, weil wir dafür Events brauchen. Schließlich handelt es sich beim Klick auf ein Placemark um nichts anderes als um ein OnClick-Event.
Um... Artikel lesen
