Einbinden von Google Maps

[Ilona]

Damit man die Routen im Reisebericht besser nachvollziehen kann, würde ich diese gerne, auf Google Maps erstellten Karten, verlinken.

Das sieht dann z. B. so aus:

<iframe src="https://www.google.com/maps/embed?pb=!1m34!1m12!1m3!1d777853.5169859785!2d-111.18149723612166!3d40.39798787374057!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m19!3e0!4m5!1s0x87523d9488d131ed%3A0x5b53b7a0484d31ca!2sSalt+Lake+City%2C+Utah%2C+USA!3m2!1d40.760779299999996!2d-111.89104739999999!4m5!1s0x87456247a3c18f8b%3A0xa2a4006fbbc124dc!2sVernal%2C+Utah%2C+USA!3m2!1d40.4555157!2d-109.5287479!4m5!1s0x87458e30bdad93cf%3A0x6a876981470dcb77!2sFantasy+Canyon%2C+Duchesne+County%2C+Utah%2C+USA!3m2!1d40.055520699999995!2d-109.3948491!5e0!3m2!1sde!2sde!4v1467639935933" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Ich möchte die Karte im Beitrag aber direkt als Karte und nicht als Zahlen-Buchstaben-Reihe dargestellt haben.

Wie mache ich das hier? Woanders muss ich bei den Einstellungen den HTML Code aktivieren.

[Rainer]

Ich möchte die Karte im Beitrag aber direkt als Karte und nicht als Zahlen-Buchstaben-Reihe dargestellt haben.

Ja, das hat Google kaputt bekommen, die haben die ganzen Links verändert, mit dem "neuen" Google Maps passt es nicht mehr. Das entsprechende SMF Plugin wird natürlich nicht gewartet.

Wie mache ich das hier? Woanders muss ich bei den Einstellungen den HTML Code aktivieren.

HTML Code kann (wenn überhaupt) nur ich aktivieren, aber ich muss erst einmal schauen, wie doof das Script ist. Anwender können/dürfen mit Sicherheit nicht selbst entscheiden, ob sie HTML einbinden. Ich hatte da schon einmal einen Fix eingebaut, aber wie es aussieht, hat Google schon wieder die Syntax geändert. Im Moment geht es so nicht, ich muss mir das in Ruhe anschauen. Diejenigen, die hier noch mit dem "alten" Google Maps unterwegs sind, haben diese Probleme nicht, aber inzwischen bin ich selbst auch auf das neue umgestiegen.

[Ilona]

Vielleicht bekommst du noch was raus, Rainer.

Ich werde die Karte so lange einfach verlinken. Dann sieht man sie erst durchs Anklicken, aber besser als orientierungslos  zu sein.

[Administrator]

Vielleicht bekommst du noch was raus, Rainer.

Ganz sicher sogar, aber es braucht eben eine Weile. Danach werden wir das einzige Forum sein, wo man bequem Google Maps einfügen kann.

[testuser]

Test:


In HMTL Tags eingebunden.

[Rainer]

Hallo Ilona,

ich habe jetzt eine Variante freigeschaltet, so wie Du es Dir auch vorstellst, nämlich HTML aktivieren, das geht in dem man um den benötigten Code die entsprechenden HTML Tags in eckigen Klammern schreibt, also so:

Code: [Auswählen]

[html]......[/html]
Dazwischen setzt Du einfach die Angaben aus Google, also so:

Code: [Auswählen]

[html]<iframe src="https://www.google.com/maps/embed?pb=!1m34!1m12!1m3!1d777853.5169859785!2d-111.18149723612166!3d40.39798787374057!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m19!3e0!4m5!1s0x87523d9488d131ed%3A0x5b53b7a0484d31ca!2sSalt+Lake+City%2C+Utah%2C+USA!3m2!1d40.760779299999996!2d-111.89104739999999!4m5!1s0x87456247a3c18f8b%3A0xa2a4006fbbc124dc!2sVernal%2C+Utah%2C+USA!3m2!1d40.4555157!2d-109.5287479!4m5!1s0x87458e30bdad93cf%3A0x6a876981470dcb77!2sFantasy+Canyon%2C+Duchesne+County%2C+Utah%2C+USA!3m2!1d40.055520699999995!2d-109.3948491!5e0!3m2!1sde!2sde!4v1467639935933" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>[/html]
Und dann sieht das nachher so hier aus:



Das geht natürlich auch in anderen Größen, ich habe bei Google jetzt beispielsweise 800x480 eingestellt, da sieht dann so aus:

[Ilona]

Klasse, Rainer So kenne ich das von DA. Dort muss ich aber HTML selbst freischalten.

Wenn ich das richtig verstehe, muss ich hier den Link noch in die zwei HTML Klammern einbinden oder gibt's in der Bedienerleiste einen Button dafür?

[Rainer]

Wenn ich das richtig verstehe, muss ich hier den Link noch in die zwei HTML Klammern einbinden oder gibt's in der Bedienerleiste einen Button dafür?

Einen Button gibt es leider (noch) nicht, ich habe keine Ahnung, wie man welche anlegen kann. Vielleicht finde ich das auch irgendwann (das ist aber keine Option im Adminbereich, das ist so oder so Gefrickel), aber erst einmal muss es per Tastatur eingegeben werden, einfach eintippen und dazwischen den Google Code mit den iframes.

[Ilona]

Es funzt  .

Habe gerade bei einem anderen Forum gesehen, die haben zwar so einen <> Button für HTML, der ist aber nicht unterstützt.

[Rainer]

Habe gerade bei einem anderen Forum gesehen, die haben zwar so einen <> Button für HTML, der ist aber nicht unterstützt.

Dann ist das hier klar besser - ein Button ohne Funktion hilft nicht. Dann lieber die Funktion ohne Button.... 

[Rainer]

HA!

Jetzt haben wir auch noch den Button, schau mal nach oben rechts neben den Code Button '#' ... einfach drauf klicken, dann Google Karte einfügen, fertig!



P.S.: Wer sich künstlerisch berufen fühlt, darf gerne einen schöneren HTML Button entwerfen. Mit fiel auf die Schnelle nichts besseres ein als ein symbolisches HTML.

[Ilona]

Code: [Auswählen]

[html]<iframe src="https://www.google.com/maps/embed?pb=!1m46!1m12!1m3!1d1555825.0413936558!2d-111.74220909420261!3d40.392880540636796!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m31!3e0!4m5!1s0x87523d9488d131ed%3A0x5b53b7a0484d31ca!2sSalt+Lake+City%2C+Utah%2C+USA!3m2!1d40.760779299999996!2d-111.89104739999999!4m5!1s0x87526bf3aefd97e1%3A0x4f5595a563bbb574!2sTanger+Outlet+Park+City%2C+North+Landmark+Drive%2C+Park+City%2C+Utah%2C+USA!3m2!1d40.728836!2d-111.55119499999999!4m5!1s0x87456247a3c18f8b%3A0xa2a4006fbbc124dc!2sVernal%2C+Utah%2C+USA!3m2!1d40.4555157!2d-109.5287479!4m5!1s0x87458e30bdad93cf%3A0x6a876981470dcb77!2sFantasy+Canyon%2C+Duchesne+County%2C+Utah%2C+USA!3m2!1d40.055520699999995!2d-109.3948491!4m5!1s0x87456247a3c18f8b%3A0xa2a4006fbbc124dc!2sVernal%2C+Utah%2C+USA!3m2!1d40.4555157!2d-109.5287479!5e0!3m2!1sde!2sde!4v1467722757397" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>[/html]

Code: [Auswählen]

<iframe src="https://www.google.com/maps/embed?pb=!1m46!1m12!1m3!1d1555825.0413936558!2d-111.74220909420261!3d40.392880540636796!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m31!3e0!4m5!1s0x87523d9488d131ed%3A0x5b53b7a0484d31ca!2sSalt+Lake+City%2C+Utah%2C+USA!3m2!1d40.760779299999996!2d-111.89104739999999!4m5!1s0x87526bf3aefd97e1%3A0x4f5595a563bbb574!2sTanger+Outlet+Park+City%2C+North+Landmark+Drive%2C+Park+City%2C+Utah%2C+USA!3m2!1d40.728836!2d-111.55119499999999!4m5!1s0x87456247a3c18f8b%3A0xa2a4006fbbc124dc!2sVernal%2C+Utah%2C+USA!3m2!1d40.4555157!2d-109.5287479!4m5!1s0x87458e30bdad93cf%3A0x6a876981470dcb77!2sFantasy+Canyon%2C+Duchesne+County%2C+Utah%2C+USA!3m2!1d40.055520699999995!2d-109.3948491!4m5!1s0x87456247a3c18f8b%3A0xa2a4006fbbc124dc!2sVernal%2C+Utah%2C+USA!3m2!1d40.4555157!2d-109.5287479!5e0!3m2!1sde!2sde!4v1467722757397" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
Hmmm, was mach ich verkehrt  . Ob mit oder ohne html, das funktioniert jetzt bei mir nicht.

[Rainer]

Jetzt hast Du doppelt gemoppelt, Du hast auch noch den Code TAG drumherum gemacht, dadurch wird nur der Code angezeigt, aber nicht "die Wirkung" (also die Frames).

Einfach nur(!) auf das HTML Zeichen klicken (nirgends sonst!) und dann dazwischen den Google Code eingeben:

[Ilona]

Ich habe auf den # Button geklickt und nicht auf HTML daneben. Das war der Fehler.

Du hattest zwar rechts daneben geschrieben, doch ich hatte meine nicht auf .

Jetzt ist alles klar.

  , dass du das Einbinden von Google Maps so schnell möglich gemacht hast.

[sh3t0r]

Google Maps:



GPSies:



Coole Funktion. Danke, Rainer!