windy.tv Animierte Wetterdaten im FTUI

[tomster]

Servus zusammen!

Ich bin gerade über eine sehr schöne Wetterseite gestolpert, die mannigfaltigste Parameter in ziemlich ansprechender Form darstellt:
www.windyty.com

Es gibt auch eine - zugegeben schlecht dokumentierte - API (http://api.windyty.com/), die aber dafür (bislang) "für Umme" ist.
Braucht ihr aber für das FTUI gar nicht.
Dazu gibt es sogar rechts im Menü einen Button auf dem Ihr Euch den Code zur Einbindung mit den einzelnen Overlays in einem WYSIWYG-Editor zusammenstellen könnt. In einem iframe eingebunden schaut das, glaube ich, auf dem FTUI ganz lässig aus. Könnt ihr Euch ja mal anschauen.

[harald654]

danke für den Tipp, ist wirklich cool.

was ich von den Karten her auch nicht schlecht finde ist https://www.meteopool.org, lässt sich auch mittels iframe einbinden (aber nicht so komfortable wie windy.tv).

[vocaris]

Hallo,

ich finde die Karten bei windy.com auch super und würde sie gerne einbinden. Versucht habe ich das mit folgendem Code:

Code Auswählen Erweitern


<div data-type="iframe"
                data-src="https://www.windyty.com/?50.391,7.762,8,i:p,m:e3Bagmt"
                data-fill="yes"
            ></div>


Leider bekomme ich jedoch keine Anzeige. In der Konsole vom Browser sehe ich aber folgendes:

Code Auswählen Erweitern


Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf https://www.windy.com/?50.391,7.762,8,i:p,m:e3Bagmt. (Grund: CORS-Kopfzeile 'Access-Control-Allow-Origin' fehlt).


Wie kann ich das beheben?
vocaris

[DarkT]

Du versuchst Seiten einer anderen Origin (Ursprung) aufzurufen vgl. mal diesen Link

[vocaris]

Danke für die Antwort. Das Problem selbst ist mir schon klar, aber ich weiß nicht wie ich es lösen soll und dachte, dass der ursprüngliche Author das Problem mit Sicherheit gelößt hat...

[Ulm32b]

Bei mir läuft seit Monaten zuverlässig:

Code Auswählen Erweitern

<li><div class="top-space-2x big">Wind</div>
<iframe width="650" height="450" src="https://embed.windytv.com/embed2.html?lat=xx.xxx&lon=y.yyy&zoom=8&level=surface&overlay=wind&menu=true&message=true&marker=&forecast=12&calendar=now&location=coordinates&type=map&actualGrid=&metricWind=km%2Fh&metricTemp=%C2%B0C"></iframe>
</li>

lat (x) und lon (y) habe ich hier neutralisiert.

[vocaris]

@Ulm32b: Also, irgendwie schein ich grad aufm Schlauch zu stehen, ich find auf der Seite keinen Möglichkeit mir einen embed-Link zu machen, ich passe jetzt einfach deinen Code an... Danke für den Link