Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[ioBrokerMike]

Moin

Ich brauche eure Hilfe.
Ich würde gern eine Karte vom DWD in VIS einbilden.
zb. [https://www.dwd.de/DE/wetter/warnungen_gemeinden/warnWetter_node.html?ort=Lüneburg]

Mit diesen Link wird mir aber immer die ganze Homepage Angezeigt.
Und beim DWD Adapter nur wenn Unwetter anstehen.

Könnt Ihr mir Helfen?

[mickym]

@iobrokermike es gibt doch den Datenpunkt map. Der enthält nur bei Warnungen die Karte. Also wenn du den Adapter nutzt.

[ioBrokerMike]

@mickym

es gibt doch den Datenpunkt map.

Das ist richtig.

Würde aber gern auch die Karte sehen, wenn es keine Warnung gibt.
Der Optik wegen.

[bahnuhr]

<div id="my-div">
<iframe src="http://www.iobroker.net" id="my-iframe" scrolling="no"></iframe>
</div>


<style>
#my-div
{
    width    : 400px;
    height   : 600px;
    overflow : hidden;
    position : relative;
}

#my-iframe
{
    position : absolute;
    top      : -700px;
    left     : -850px;
    width    : 1280px;
    height   : 1200px;
}
</style>

---

Intenetseite passgenau in widget abbilden

Den Code einfach ins html Widget kopieren.

Erklärung: In der html wird ein DIV angelegt welches über ein iFrame eine Webseite anzeigt (hier Beispiel iobroker.net,
dort wird jetzt nur noch der Anfang der Adapterliste angezeigt).
Über my-div kannst du die Größe des anzuzeigenden Ausschnitts definieren.
Über my-iframe kannst du dann via top und left das Offset angeben um zu definieren, an welcher Stelle das iFrame "beginnt"
den Inhalt anzuzeigen. An den ganzen Parametern musst du dann rumspielen.

[bahnuhr]

oder sowas:

// Internetseite 

<div style="width: 647px; background-color: black; height: 320px;">
<iframe style="transform-origin: -6900px -9600px 0px; 
transform: scale(0.95); 
width: 1200px; height: 1080px;
" src="https://www.esyoil.com/" name="iFrame" scrolling="no"></iframe>
</div>

[ioBrokerMike]

@bahnuhr
Vielen Dank
Werde mich erstmal damit beschäftigen.