Google Maps API mit jQuery

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:

map.setMapType(G_SATELLITE_MAP);

map ist dabei natürlich die im Tutorial verwendete Variable für die Landkarte. der Befehl setMapType unterscheidet prinzipiell zwischen drei Arten der Kartendarstellung: G_NORMAL_MAP (normale Ansicht), G_SATELLITE_MAP (Satelliten-Ansicht) und G_HYBRID_MAP (Satellitenansicht mit überlagerter Standardansicht).

jQuery zum Einsatz zu bringen bringt derweil noch nicht viel, sorgt aber dafür, dass die Events aus dem <body> der HTML-Seite verschwinden. Ich habe deshalb den folgenden Code eingefügt, der nichts anderes macht als der im Tutorial, aber halt auf jQuery aufbaut:

/*
* OnLoad-Handler
*/
$(document).ready(function() {
   gmaps_initialize();
});
 
/*
* OnUnload-Handler
*/
$(window).unload(function () {
   GUnload();
});

Die Funktion initialize() aus dem Tutorial habe ich derweil umbenannt nach gmaps_initialize(). Alles funktioniert wie vorher, außer das man nun im Mashup die Satellitenansicht bewundern kann.

Ähnliche Beiträge

Nokia Maps API mit jQuery Eine Landkarte online zu bringen bedeutet nicht zwingend Google Maps, sondern es gibt auch noch andere Systeme. Nokia Maps ist eines dieser Systeme un...
Google Maps API: Bedienelemente auf der Karte plat... In unserem Mashup ist zurzeit die Control immens im Weg, da ich eigentlich oben links einen individuellen Slider für einen individuellen Zoom einbauen...
Mittels GeoIP die Herkunftsstadt einer IP-Nummer e... Google Maps-Anwendungen kursieren inzwischen recht viele dort draußen, aber leider kommen die wenigstens auf die Idee, dass man eigentlich dem Nutzer ...
Google Maps API Tutorial – Übersichtskarte Nachdem ich gestern wieder einmal das Design an der Demo-Anwendung geändert habe. Habe ich bei dieser Gelegenheit eine Übersichtskarte eingebaut. Dies...

Eine Antwort auf „Google Maps API mit jQuery“

  1. Hallo Guido,

    tolle Tutorials – wie wäre es mit einem Google Maps Tutorial zum thema Groupen von Placemarks. Bzw. Die Kopplung von einer MySql placemark DB mit der Map. Wie platziert man x tausende von markern auf einer karte …

    Weiter So!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.