Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Feuersturm]

@michl75 Es geht auf jeden Fall Google Maps in Vis einzubinden

Ich habe dafür das Google Map Widget verwendet. Du brauchst dafür den folgenden Adapter

[OliverIO]

@thebam sagte in iFrame - Bitte Hilfe:

@homoran
mir ist nicht bekannt das der seiten betreiber das unterbinden kann weil die seite nicht weis ob die in einem browser oder in einem iframe ist.
serverseitig (webseite) schickt ihre daten hin und zeigt an aber mehr nicht. Was der Seiten Betreiber unterbinden kann sind Rechtsklicks und downloads zumindest bedingt.

die fehlermeldung, die bei dieser seite entsteht ist

Refused to display 'https://www.google.de/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

der anbieter kann nicht verhindern, das die daten geladen werden. aber der browser kann verhindern, das die daten angezeigt werden.
wer weiß wie die finanzierung der browser funktioniert und wer an wen geld bezahlt, wird klar wer hier den standard bildet.
https://www.googlewatchblog.de/2020/08/mozilla-google-abhaengigkeit-mio/
ok, es ist auch ein sicherheitsfeature
stellt euch vor ihr seid auf einer feindlichen webseite (das kann auch schon code sein, das über werbebanner wieder in anderen seiten eingeblendet wird. javascript dieser seite erzeugt ein iframe und schreibt dort dann die adressen der login-seiten zu euren online-banking seiten rein. dann habt ihr noch auto-ausfüllen drin. schwuppdiwupp könnte dieser javascriptcode eure zugangsdaten auslesen.
aus diesem grund wurden die csp eingeführt, so das in einem iframe nur bestimmte sachen laufen dürfen und das alles was darin ist nur bedingt daraus ausbrechen kann.

allerdings kann man natürlich die html-seite direkt laden und manuell in ein iframe schreiben. allerdings scheitert es wahrscheinlich dann bei allen weiteren elementen (skripte,grafiken)

[Homoran]

@oliverio Danke!

Es handelte sich damals um das Bild des Regenradars von der DWD Website.
Lief lange ohne Probleme.
Am Browser selbst kann es nicht liegen, da ich einen total veralteten Chrome in der BitBox-Version nutze. Die gibt es leider nicht mehr aktuell :-(

Jetzt habe ich es als IMAGE eingefügt mit URL

@oliverio sagte in iFrame - Bitte Hilfe:

das über werbebanner wieder in anderen seiten eingeblendet wird. javascript dieser seite erzeugt ein iframe und

oh ja!
Mein Virenscanner (Eset) hatte mal einen Virus blockiert, der anscheinend über ein Werbebanner kam.
Nach etwas Recherche hätte der sich in die Fritzbox eingehackt und dort einen Proxy installiert

[michl75]

@thebam hi, aben nur mit http ohne s probiert, gleiches ergebnis

[michl75]

@feuersturm said in iFrame - Bitte Hilfe:

Ich habe dafür das Google Map Widget verwendet. Du brauchst dafür den folgenden Adapter

Hi, der API Key kostet dann aber dann was? zumindest hab ich das so bei Google so verstanden.

Wie ich finde auch stolze Preise... für meine "Anwendung" dann iwas um 5/Monat ... naja...

Oder hab ich da was falsch gelesen und gibt kostenlos?

Möchte eigentlich nur einen Standort von unsere Auto anzeigen lassen.

Was müsste ich da nehmen ?

[OliverIO]

@michl75
https://www.openstreetmap.de/
https://wiki.openstreetmap.org/wiki/DE:Karte_in_Webseite_einbinden

das ist die karte, die auch von iobroker im konfigurationsdialog verwendet wird

[liv-in-sky]

@michl75

lasse mir die blitzer über openstreetmap anzeigen

funktioniert sehr gut

rot: blitzer
blau : die orte, die in der blitzerabfrage sind
iobroker symbol: daheim

kostet nix !

[michl75]

@oliverio @liv-in-sky

danke euch beiden ... ich werde es damit nachher versuchen! vielen Dank für den Tip

[Homoran]

@michl75 sagte in iFrame - Bitte Hilfe:

@oliverio @liv-in-sky

danke euch beiden ... ich werde es damit nachher versuchen! vielen Dank für den Tip

ich habe auch das openstreetmap Kartenwidget für die Position meines Autos genommen:
[map - open street map]

[liv-in-sky]

@michl75

habe es so eingegeben im widget- anders ging es irgendwie nicht - daher der tipp

datenpunkt

widget-setting

[michl75]

an alle : Ich danke vielmals !!! Ich doofkopf dachte das vis-map nur mit Google funktioniert und auch nur mit einem API Schlüssel... man man man... vis-map hat ja auch das Widget dazu für OPenstreetmap.

Sorry das ich ... nochmals vielen Dank an euch!!!

EDIT: Das OpenStreetMap ist genial... nochmals danke...

[Feuersturm]

@michl75 sagte in iFrame - Bitte Hilfe:

@feuersturm said in iFrame - Bitte Hilfe:

Ich habe dafür das Google Map Widget verwendet. Du brauchst dafür den folgenden Adapter

Hi, der API Key kostet dann aber dann was? zumindest hab ich das so bei Google so verstanden.

Wie ich finde auch stolze Preise... für meine "Anwendung" dann iwas um 5/Monat ... naja...

Oder hab ich da was falsch gelesen und gibt kostenlos?

Möchte eigentlich nur einen Standort von unsere Auto anzeigen lassen.

Was müsste ich da nehmen ?

Für den Google API Key zahle ich nichts. Man hat für aus meiner Sicht ein ausreichend großes Kontingent an Abfragen pro Monat frei bevor überhaupt Kosten entstehen. Ein paar Details findet man hier:
https://www.eyeworkers.de/blog-detail/google-maps-in-wenigen-schritten-einen-api-key-erstellen

[CrunkFX]

@feuersturm Google bietet jedem Website-Betreiber 200 $ monatliches API Guthaben. 200 $ reichen laut Google für bis zu 28.000 Ladevorgängen von dynamischen Karten oder 100.000 von statischen Karten.
Sollte also für den Hausgebrauch reichen ;)

LG