Ich habe gerade das auf algar-web.de verwendete Plugin "Inline Google Maps" von Avi Alkalay aufgebohrt, so daß nun auch bei Google Maps mit der Funktion "Meine Karten" individualisiert erstellte persönliche Maps unterstützt werden.
Achtung: Für Versionen >= 5.0 sind keine Anpassungen mehr nötig!!
(Geklaut habe ich die Idee von chrispie, der hier eine entsprechende Modifikation für das Plug 'n' Play Google Map Plugin beschreibt...)
So sieht das dann aus:
Achtung: Für Versionen >= 5.0 sind keine Anpassungen mehr nötig!!
Die Anpassungen dafür sind trivial, in der Datei googlemapsPlugin.js sind folgende Anpassungen zu machen...
(A short english description can be found at the end of this article)
Zuerst wird ab Zeile 129 (bei Version 4.3 des Plugins)
realMap.setMapType(this.type);
if (this.showMarkers) {
ersetzt durch
realMap.setMapType(this.type);
if (this.msid.length > 0) {
var myurl='http://maps.google.com/maps/ms?ie=UTF8&oe=UTF-8&hl=en&om=1&msa=0&output=kml&msid=' + this.msid;
realMap.addOverlay(new GGeoXml(myurl));
}
else if (this.showMarkers) {
Dann wird hinter
case "t": {
switch (param[1]) {
case 'k': this.type=G_SATELLITE_MAP;
break;
case 'h': this.type=G_HYBRID_MAP;
}
}
break;
das Folgende ergänzt (ab Zeile 180 im Original bzw. ca. 184 nach der obigen Änderung):
case "msid": {
this.msid = param[1];
}
break;
Das war's schon. Ab sofort können dem Plugin auch individualisierte URLs aus "Meine Karten" bei Google Maps übergeben werden, bei diesen Karten werden dann die selbst definierten Overlayobjekte angezeigt...
Wer keine Lust hat, die Änderungen selbst vorzunehmen, kann die angepasste googlemapsPlugin.js auch hier direkt runterladen:
Diese einfach über die vorhandene Datei kopieren, fertig.
---- short description in english ---
- You have to download the original plugin (version 4.3) from Avi (this URL)
- Install the plugin as usual
- Download this modified googlemapsPlugin.js and replace the original file from Avi
- Now you can use individual maps created with Google "My Maps" in the same way as the 'normal' maps: only copy the URL from Googles "My Maps" and insert it in the same way as described in the plugin docs.
16 Kommentare
omg!! Try to explain something in english,Mario.
I can’t understand.
i downloaded de .js file,so i supossed it is patched.
how to use it now?
thanks a lot
I’ve added a short description in english. See above.
hei, da hatten wir beide ja die gleiche idee
Wer das Google Plug an play pligon benutzt kann hier mal vorbeischauen http://www.chrispie.de/wordpress/google-my-map-meine-karten-wordpress-plugin.html
Ehrliche Antwort?
Die Idee ist mir eigentlich erst gekommen, als ich Dein Posting sah
Und da ich gerade eh 10 Minuten Zeit hatte…
*g dann können wir uns ja verlinken
Guckstu Trackback
Thanks a lot Mario for your help!!!
(except with Internet Explorer 6.x)
Now, Inline Google Maps wordpress plugin is working properly with My Maps function on my website
http://www.atomicskate.com/2007/05/12/upcoming-rollerskating-session-by-night-may-16th/
Hi MT
Thanks for your patch. I used it to finally add this My Maps feature to the plugin.
Additionally, it was implemented in the plugin in a very flexibel and extensible way, so you can set several overlays, from several different KMLs, on the same map.
New version is available at the plugin home page.
Ich habe “Inline Google Maps” von Avi Alkalay, die Version 5.2 und bin nur zufällig auf Ihre Webseite gestossen. Ich habe alles so gemacht wie auf der Webseite von Avi Alkalay beschrieben und auch Ihre Hinweise beachtet, wobei ich ja nichts verändern muss bei Version 5.2. Aber nun das Problem. Bei mir zeigt es keine Map an, sondern nur den Link dazu. Was ist falsch? Benutze WP 2.2
@Geraph:
Im Title des Links steht aber googlemap? Und die Seite hat ansonsten keine Javascript-Fehler?
Bitte Link mailen, ich guck’ mir das dann mal an…
@mt
Link: http://www.dailyblog.ch
Besten Dank für die schnelle Hilfe. Jetzt funktioniert es zu 50%. Warum ist die Karte bei mir nur grau und zeigt nichts an. Habe nun einfach eine graue Box gefüllt mit grau
Das ist vermutlich einfach:
Such in Deiner style.css alle Zeilen, wo für Images die max-width auf 100% gesetzt wird, und schmeiss die Zeile raus..
Siehe separate E-Mail an Dich…
@mt:
Super! Einfach klasse. Nun funktioniert das Ganze ohne Probleme. Sensationelle Hilfe, besten Dank. So mach WP doch um einiges mehr Spass, wenn man auf professionelle Hilfe bauen kann.
Besten Dank und einen schönen Abend.
Ein kleines Problem bleibt aber noch…
Der IE7 kann Deine Maps immer noch nicht anzeigen; das ist aber ein Problem ganz tief im CSS.
Bei mir geht das auch nicht und ich war bisher zu faul zur Analyse…
Aehhmmm, ich glaub, das IE7-Problem lässt sich sehr einfach beheben…
Einfach den Maplink in eine Div-Sektion einbetten…
Ein Trackback/Pingback
[...] tutorial is not for the inline google maps wordpress plugin. You can find here a Google Inline Tutorial for Version [...]
Kommentar verfassen