Google Map mit iFrame

[Novell1]

Hallo habe versucht mit einem iFrame Object die Google Map seite zu integrieren wie hier beschrieben auf https://www.smarthome-tricks.de/software-iobroker/iobroker-fahrzeiten-einer-route-anzeigen/
aber es wird nur ein Fehler angezeigt " File <iframe src="www.google.com/maps/embed not found{} "
Besten Dank für euren Tip!

[Novell1]

@novell1 Hier habe ich den Link unter Allgemein - Quelle eingegeben
<iframe src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d86382.44734496369!2d8.11347082447716!3d47.422639268377345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x479013ccf3104cd1%3A0x982bb81dc8cc6599!2s5608 Stetten!3m2!1d47.401339!2d8.3048433!4m5!1s0x47903bff3c26b4f5%3A0x1c45b629fd2d1c26!2sDelfterstrasse 10%2C Aarau!3m2!1d47.397523299999996!2d8.063007899999999!5e0!3m2!1sde!2sch!4v1627322157648!5m2!1sde!2sch" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

[Glasfaser]

@novell1 sagte in Google Map mit iFrame:

Hier habe ich den Link unter Allgemein - Quelle eingegeben

nimm wie auch beschrieben ein HTML Widget

[Novell1]

Hallo Glasfaser, danke, aber dann bekomme ich mit dem Googlelink
nur ein leeres Fenster.
Kann die Google seite nicht öffnen. Zum test habe ich ein kleines Fenster mit dem NRW Verkehr erstellt, das funktioniert.
Gruss Werner

[OliverIO]

@novell1
lese den post von glasfaser nochmal genauer

[Glasfaser]

@novell1 sagte in Google Map mit iFrame:

Hallo Glasfaser, danke, aber dann bekomme ich mit dem Googlelink

WOW ... meine Antwort war vom 26. Juli 2021, 20:07 an dich .

[Novell1]

@novell1 Hallo Glasfaser und an alle anderen, Danke nun nach ein paar tests funktionierte es einwandfrei!!!! Toll das es euch gibt!!!!!

Danke!

[Novell1]

@novell1 Hallo Glasfaser, sorry für die belästigung, ich bin zu dumm um einen weiteres Google Map einzufügen.
Bei google maps sieht der Pfad so aus, wenn ich diesen kopieren in iFrame-Allgemein Quelle geht das nicht. Beim ersten Beispiel sind mehr Koordinaten aufgeführt, weniger Namen. Was muss ich zum Original google Map link hinzufügen oder ändern damit es im ioBroker dargestellt wird? Hier mein neuer Google Map link:

https://www.google.com/maps/dir/5608+Stetten/Winkelriedstrasse+10,+Wettingen/@47.4380381,8.2682957,13.5z/data=!4m24!4m23!1m15!1m1!1s0x479013ccf3104cd1:0x982bb81dc8cc6599!2m2!1d8.3048433!2d47.401339!3m4!1m2!1d8.268924!2d47.4212777!3s0x47901386cca1ebd1:0x47a2112106d156b7!3m4!1m2!1d8.3055686!2d47.4581963!3s0x47901336a9eabfd5:0x448d30e0fe6f00c2!1m5!1m1!1s0x47906cd16d6ef191:0xb5fdc1f0b1c5486a!2m2!1d8.3191276!2d47.468038!3e0?entry=ttu

Vielen Dank!
Gruss
Novell1

[OliverIO]

@novell1

Bei diesem Link wirkt die sameorigin Regel
Daher geht das nicht in einem iFrame zum darstellen.
Ich habe jetzt leider auch nix gefunden, wo man da was einbetten kann.

Für einzelne Lokationen geht das.
Da generiert Google einem sogar direkt das iframe Element.

Für Routen wohl nicht.

[daniel0815]

@novell1
probier mal nachfolgenden Code (in das html widget einfügen)

Im iframe Link Deine Start Adresse als Koordinaten eingeben. In der Vis hast du dann die Möglichkeit dein Ziel einzugeben. Ist nicht schön aber vielleicht hilft es dir ja dennoch.

<form method="get" action="https://www.google.com/maps" target="mapframe">
            <input name="saddr" type="text" id="saddr">
            <input name="output" type="hidden" value="embed">
            <input name="f" type="hidden" value="d">
            <input name="z" type="hidden" value="11">
            <input name="daddr" type="hidden" id="daddr" 
                   value="Delfterstrasse 10, 5004 Aarau">
            <input type="submit" name="Submit" value="Submit">
    </form>
    <iframe name="mapframe" width="600" height="450" 
            src="https://www.google.com/maps?z=11&amp;f=d&amp;output=embed&amp;ll=47.397519278164836, 8.063007398833578">
    </iframe>

VG