Google Maps Karte auf Seite einfügen
-
Ich möchte gerne Google-Maps Karten in meinen Blog einfügen. Wenn ich den HTML Code zum einbetten der Karte (den ich auf der Goolge Maps Seite zu meinen Karten erhalte) in Frontpage eingebe, dann erscheint dort in der Vorschau auch die Karte. Wenn ich in meinem WordPress Blog dies versuche, kommt immer nur der Name der Karte und darunter ein Link zu Google Maps wo die Karte dann angesehen werden kann. Ich habe schon eine Weile recherchiert im Forum von WordPress und auch so im Netz. Immer ist davon die Rede, dass WordPress kein Java Skript akzeptiert und auf anderen Seiten wird vorgeschlagen ein Plugin zu installieren. Dafür müsste ich mir aber WordPress installieren und das ist mir ersten zu kompliziert und zweitens muss ich auch auf meiner kommenden längeren Reise von verschiedenen Internetcafes die Karten verändern können und weitere einbetten, also direkt auf meiner Blog Seite damit arbeiten.
Gibt es da Tipps?
Ich habe diesen Beitrag gefunden http://daniel.fallenste.in/2008/03/29/anleitung-google-maps-bei-wordpresscom/ der mir auch als sehr passend erschien. Dort wird von API Key bei Google Maps gesprochen. Leider funktionert aber ein Teil der Anleitung nicht mehr.
Hoffe Ihr könnt mir vielleicht helfen.
-
Wo liegt denn genau das Problem mit der Anleitung. Ich hätte nämlich genau diesen Link gepostet, wenn du es nicht schon selbst getan hättest. Hast Du denn einen eigenen API-Key beantragt? Was funktioniert dann genau nicht?
Gruß, Torsten
-
Danke für die schnelle Reaktion. Ich habe mir den API-Key besorgt für meine Seite. Der Link hinter dem Abschnitt 02 „Hier geht es zum Assistenten für das komfortable Erzeugen der URI“ geht nicht mehr und ich weiß nun nicht wie ich für meine Google Maps Karte einen URL bekomme, die die Form hat wie die URL, die du dort als Beispiel aufgeführt hast.
Und was mir ebenfalls noch etwas undurchsichtig vorkommt ist im Aschnitt 03 der Satz „Wenn man das Bild noch mit einer Google Maps-Suche zum entsprechenden Ort verlinkt ist man fertig“. Sorry, das alles ist noch etwas neu für mich, da ich gerade erst anfange mit bloggen.Gruß
Christian -
Beim den Link fehlt nur hinten das „l“:
http://gmaps-samples.googlecode.com/svn/trunk/simplewizard/makestaticmap.htmlDa du ja am Ende ein Bild bekommst, macht es Sinn dieses Bild mit einem Link zu „Google Maps“ zu versehen, damit man dort auch interaktiv (scrollen, Route berechnen, etc.) sein kann.
Gruß, Torsten
-
-
-
Verdammt, jetzt finde ich leider zu spät, dass es noch viel einfacher geht:
http://faq.wordpress.com/2008/07/03/using-google-maps/Gruß, Torsten
-
Geht bei mir nicht, das: http://faq.wordpress.com/2008/07/03/using-google-maps/
Frisst den Code weg, es bleibt nur der Textlink übrig („Größere Kartenansicht“). Deshalb gibts wohl die Anleitung von Daniel…
Grüße, Matthias -
Jein. Wahrscheinlich hat Google den Code geändert und jetzt funktioniert die Umwandlung nicht mehr. Aber manuell geht es noch. Gerade getestet.
Man nehme den Link, wie in der FAQ beschrieben (“Paste HTML to embed in website”), aber entnimmt nur den Inhalt des Attributs „src“ des IFrame und schreibt den Shortcode selbst:
[googlemaps LINK-SRC-IFRAME]
Und voilá! Eine interaktive Karte auf WordPress.com!
Gruß, Torsten
-
Der Vorteil von Daniels Lösung ist, dass es als Bild auch in der Sidebar eingebaut werden kann.
Der Vorteil vom Shortcode ist, dass man interaktiv darin herumscrollen kann.
Gruß, Torsten
-
Hallo,
zodiac, kannst du bitte mal ein konkretes Beispiel für einen html-Newbie geben, wie das mit dem umschreiben funktioniert?! Vielen Dank! ;)
Gruß
-
Step-by-Step Anleitung:
- Gehe auf die Seite Google-Maps
- Geben die gewünschte Suche ein.
- Klicke rechts oben auf „Link“
- Kopiere den gesamten Text aus dem Feld „HTML-Code zum Einbetten in eine Website“
- Zum Beispiel:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/?f=q&hl=de&q=Bundeskanzleramt,+Willy-Brandt-Stra%C3%9Fe,+Tiergarten+10557+Berlin,+Berlin,+Berlin&sll=51.179343,10.415039&sspn=16.669978,39.199219&ie=UTF8&cd=1&geocode=FQZlIQMdcAbMAA&ll=52.519966,13.37153&spn=0.006295,0.006295&output=embed&s=AARTsJo44c4sQQHWNwZFZ_C2_sCm8m9jdg"></iframe><small><a href="http://maps.google.de/?f=q&hl=de&q=Bundeskanzleramt,+Willy-Brandt-Stra%C3%9Fe,+Tiergarten+10557+Berlin,+Berlin,+Berlin&sll=51.179343,10.415039&sspn=16.669978,39.199219&ie=UTF8&cd=1&geocode=FQZlIQMdcAbMAA&ll=52.519966,13.37153&spn=0.006295,0.006295&source=embed" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small>- Jetzt kopiert man den Text in einen Editor, z.B. Notepad
- Und kopiert nur noch den Inahlt des Attributes src vom IFrame, also in diesem Fall: „http://maps.google.de/?f=q&hl=de&q=Bundeskanzleramt,+Willy-Brandt-Stra%C3%9Fe,+Tiergarten+10557+Berlin,+Berlin,+Berlin&sll=51.179343,10.415039&sspn=16.669978,39.199219&ie=UTF8&cd=1&geocode=FQZlIQMdcAbMAA&ll=52.519966,13.37153&spn=0.006295,0.006295&output=embed&s=AARTsJo44c4sQQHWNwZFZ_C2_sCm8m9jdg“
- Jetzt schreibt man den folgenden Shortcode in eine Seite oder einen Artikel:
- [googlemaps LINK-SRC-IFRAME]
Das sollte eine interaktive Karte für das Bundeskanzleramt erstellen.
Update: Der Google-Aufruf ist wichtig! http://www.google.de/maps/ geht nicht! Es muss http://maps.google.de verwendet werden!
-
Hi,
vielen Dank schonmal für die ausführliche Antwort!!
Leider passiert bei mir gar nix, wenn ich den Shortcode einfüge. D.h. nicht einmal der Code ist sichtbar im Artikel. Muss ich vielleicht sonst noch was eingeben? (ich benutze das „ganz normale“ Online-Wordpress)…Viele Grüße
Marco -
Was heißt „ganz normal“? Endet deine Domain auf „.wordpress.com“, wenn nicht bitte einmal in die Ecke stellen und schämen:
https://de.forums.wordpress.com/topic/hier-keine-selbstgehosteten-blogs?replies=1(Oder Das Upgrade „Domain-Mapping“ benutzt haben …)
Gruß, Torsten
-
Hallo Torsten! Also jetzt hab ichs auch nochmal versucht, nach der Schritt-für-Schritt-Anleitung, und es ist aber nix auf der Seite zu sehen – leer! Zur Sicherheit hab ich auch Deinen Code kopiert und eingefügt, schaut in HTML- und Codeansicht gleich aus. Der Code bleibt beim Speichern erhalten, auf der Seite ist er dann aber nicht mehr da (auch nicht im Quellcode zu finden, z.B. hier: http://erlustigung.wordpress.com/wir-uber-uns/augarten-spitz/)
Grüße, Matthias -
Nach vielem Probieren habe ich die Lösung gefunden!
Der Google-Aufruf ist wichtig.
http://www.google.de/maps/ geht nicht.
Es muss http://maps.google.de verwendet werden!
Gruß, Torsten
Hier der Test-Post:
-
-
Gerne!
Falls Du den Link in meinem Post weiter oben meinst, die habe ich geändert, damit spätere Leser dieses Threads nicht verwirrt werden und sofort die richtige Lösung sehen.
Gruß, Torsten
- Das Thema ‘Google Maps Karte auf Seite einfügen’ ist für neue Antworten geschlossen.