Seite 1 von 1

Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 11:11
von 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.... :D
Muss nicht gut sein.
Danke.

https://www.tsad17.de

Re: Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 12:00
von Tommy Herrmann
Moin,

na klar - probiere es doch einfach :anmachen:

... warte - ich erstelle mal ein Beispiel.

Re: Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 12:09
von Tommy Herrmann
Klicke auf den Link als Beispiel:

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

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

Erklärung folgt gleich ...

Re: Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 12:18
von 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"


Google-Maps Teilen.jpg


> 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:


Iframe-Code im Code-Editor vom Popup.jpg

Re: Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 13:09
von scherenschlag
Ha. Gelungen.... Auf Anhieb. Bin stolz auf mich.... :freude:
Danke Tommy

Re: Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 13:10
von Tommy Herrmann
scherenschlag hat geschrieben: Mo 6. Nov 2023, 11:11 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.... :D
Muss nicht gut sein.
Danke.

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

Ich dachte das wäre eine Frage :eek:

P.P.S.:

... oder hast Du es jetzt so schnell eingebaut :angst: :prost: :tu:

Re: Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 13:12
von scherenschlag
Kaum zu glauben. So schnell eingebaut... :bier:

Re: Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 13:14
von Tommy Herrmann
boa ey :smoking:

Re: Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 14:16
von 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.

Re: Google Maps im PopUp

Verfasst: Mo 6. Nov 2023, 14:19
von scherenschlag
:tu: Alles klar.
Bin noch in der Findungsphase.
Glaube auch nicht dass die Farbe so bleibt....