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... Den gesamten Artikel lesen →
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... Den gesamten Artikel lesen →
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];
... Den gesamten Artikel lesen →
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... Den gesamten Artikel lesen →
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,... Den gesamten Artikel lesen →
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... Den gesamten Artikel lesen →
29. Juli 2009
Wie versprochen kommt heute der erste Teil des Google Maps Tutorials, dass sich primär mit der API an sich und JavaScript beschäftigen wird. Bevor wir irgendetwas in Richtung PHP/MySQL unternehmen, müssen erstmal die Grundlagen sitzen. Wie bei der Amazon Product Advertising API braucht man auch für Google Maps einen API-Key, den gibt es hier. Lustigerweise benötigt man für fast jede Installation... Den gesamten Artikel lesen →
