Google Maps im PopUp

[scherenschlag]

Moin.
Kann man Google Maps in ein MBR PopUp packen?
Ich möchte nämlich, dass die Wegbeschreibung nur per klick geöffnet wird.
Und nicht konstant auf der Webseite erscheint.
Ist auch nur wieder mal so eine Idee von mir....
Muss nicht gut sein.
Danke.

https://www.tsad17.de

[Tommy Herrmann]

Moin,

na klar - probiere es doch einfach

... warte - ich erstelle mal ein Beispiel.

[Tommy Herrmann]

Klicke auf den Link als Beispiel:

https://www.mobirise-tutorials.com/Test ... nwendungen

Klicke dann an Punkt auf "Google Maps" um das Popup zu öffnen.

Erklärung folgt gleich ...

[Tommy Herrmann]

> Gehe auf "Google Maps":

https://www.google.de/maps/

> Gib oben links im "Suchen Feld" die Adresse ein, für die Deine Karte angezeigt werden soll. In Meinem Beispiel was das nur "Berlin".

> Klicke auf "Teilen"

> Klicke auf "Karte einbetten" und kopiere den Iframe-Code, der bei mir dann so aussieht:

Code: Alles auswählen

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d310844.3629760053!2d13.095092980798112!3d52.506804157786426!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a84e373f035901%3A0x42120465b5e3b70!2sBerlin!5e0!3m2!1sde!2sde!4v1699268117912!5m2!1sde!2sde" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

Stelle die Größe von Deinem Popup-Fenster ein (hier "Large") und Stelle den Inhalt ("Content-Type") auf "None". Füge dann diesen Iframe Code direkt unter dem Text ein:

[scherenschlag]

Ha. Gelungen.... Auf Anhieb. Bin stolz auf mich....
Danke Tommy

[Tommy Herrmann]

Kann man Google Maps in ein MBR PopUp packen?
Ich möchte nämlich, dass die Wegbeschreibung nur per klick geöffnet wird.
Und nicht konstant auf der Webseite erscheint.
Ist auch nur wieder mal so eine Idee von mir....
Muss nicht gut sein.
Danke.

... äh - gerade eben sehe ich erst, dass Du das längst in Deiner Seite hast

Ich dachte das wäre eine Frage

P.P.S.:

... oder hast Du es jetzt so schnell eingebaut

[scherenschlag]

Kaum zu glauben. So schnell eingebaut...

[Tommy Herrmann]

boa ey

[Tommy Herrmann]

Noch ein Hinweis:

Dein Link zu dem Popup sitzt sehr tief.

Setze den höher oder pack noch etwas darunter, denn am Handy sitzt da genau der Pfeil vom "Scroll To Top" (nach oben scrollen) drüber (der Link geht über die gesamte Bildschirmbreite) und man kann am Handy den Link nicht klicken.

[scherenschlag]

Alles klar.
Bin noch in der Findungsphase.
Glaube auch nicht dass die Farbe so bleibt....