Cherche une carte (map) iframe de météo satellite avec radar précipitation

Hello les compères :slight_smile:

Mon problème

J’aimerai trouver une belle carte, map météo en iframe, ou autre solution, pour avoir des prévisions du style que permet météo blue (Cartes météo | Radar satellite et météo en temps réel - meteoblue)

J’ai bien essayer de me mettre cette iframe en carte sur mon interface, mais ça me renvoi toujours un cookie à valider :frowning:

Ils proposent bien un widget de map, mais assez bof et qui ne montre pas ce qui m’intéresse …

Mon code de carte fonctionnelle en exemple :

type: iframe
url: >-
  https://www.meteoblue.com/fr/meteo/cartes/widget/carcassonne_france_3028641?windAnimation=0&windAnimation=1&gust=0&gust=1&satellite=0&satellite=1&geoloc=fixed&tempunit=C&windunit=km%252Fh&lengthunit=metric&zoom=7
aspect_ratio: '0.7'

Alors si vous avez des exemples d’intégration de map, ou des ressources à partager, je suis preneur :smiley:

Salut,

J’ai ça en stock chez moi
meteo

    type: iframe
    url: https://www.meteo60.fr/radars/animation-radar-france-simple.gif
    aspect_ratio: 96%
    card_mod:
      style: |
        ha-card {
          filter: invert(89%);
        }

C’est pas si mal je trouve, le widget est exploitable en tactile

J’arrive pas à mixer l’eau et le vent par contre

EDIT j’ai mieux comme url !!! Beaucoup plus d’options

meteo

pour ma par j’utilise windy

          type: iframe
            url: https://embed.windy.com/embed2.html?lat=46.574&lon=1.458&detailLat=45.231&detailLon=1.258&width=650&height=650&zoom=6&level=surface&overlay=rain&product=ecmwf&menu=&message=true&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=km%2Fh&metricTemp=%C2%B0C&radarRange=-1
            aspect_ratio: 80%

Merci Pulpy :slight_smile:

Justement c’est là tout mon problème :sweat_smile:

Avec Meteoblue j’ai cette première carte des vents, mais bon ce qui m’intéresse c’est une vue satellite avec radar de précipitations …
La seconde carte de Meteoblue est top, beaucoup de réglages possible dont ceux qui m’intéressent mais en inclusion iframe j’ai un blocage cookies ce ma capture :

Tu as réussi à inclure cette carte sans avoir le popup cookies qui bloque en permanence ?

Aurais tu le code de la carte pour voir ?

L’alternative serait de passer par Meteo60, mais j’avoue que je trouve les cartes bien moins jolies … :sweat_smile:

Salut.

J’ai le même souci mais pas partout :

  • test sur mon pi mural
    1- Chromium bloque avec les cookies sur les iframes (ça boucle sur la validation) mais ça fonctionne en navigation normale.
    2- Sous firefox, la validation passe mais le reste de l iframe reste blanc.

  • Sous mon chrome de PC, ça marche …

J’avoue je sèche un peu…
J’ai pris l’abonnement à 9€,même combat…

Niveau code, c’est pareil uniquement l’url qui change

Merci Papoo,

Effectivement ça à l’air d’être une bonne alternative !
Tu passes par quelle page pour générer le code propre de l’iframe ?

1 « J'aime »

windy

aspect_ratio: 60%
type: iframe
url: >-
  https://embed.windy.com/embed2.html?lat=49.174&lon=0.28&zoom=7&level=surface&overlay=wind&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=49.174&detailLon=0.28&metricWind=default&metricTemp=default&radarRange=-1

windy2

type: iframe
url: >-
  https://embed.windy.com/embed2.html?lat=49.174&lon=0.28&zoom=5&level=surface&overlay=ptype&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=49.174&detailLon=0.28&metricWind=default&metricTemp=default&radarRange=-1
aspect_ratio: 50%

Du coup j’ai mis pluie/vent/temp dans 3 cartes avec slider. Même si le menu fonctionne, c’est plus simple

type: custom:stack-in-card
mode: vertical
cards:
  - type: custom:swipe-card
    parameters:
      allowTouchMove: false
      effect: coverflow
      centeredSlides: true
      slidesPerView: auto
      spaceBetween: 8
      pagination:
        type: progressbar
      navigation: null
      keyboard:
        enabled: true
        onlyInViewport: true
    navigation: null
    cards:
      - type: iframe
        url: >-
          https://embed.windy.com/embed2.html?lat=47.9&lon=1.9&detailLat=47.9&detailLon=1.9&zoom=5&level=surface&overlay=rain&product=ecmwf&menu=&message=&marker=&calendar=24&pressure=&type=map&location=coordinates&detail=&metricWind=km%2Fh&metricTemp=%C2%B0C&radarRange=-1
        aspect_ratio: 99%
        card_mod:
          style: |
            ha-card {
              filter: invert(0%);
            }
      - type: iframe
        url: >-
          https://embed.windy.com/embed2.html?lat=47.9&lon=1.9&detailLat=47.9&detailLon=1.9&zoom=5&level=surface&overlay=temp&product=ecmwf&menu=&message=&marker=&calendar=24&pressure=&type=map&location=coordinates&detail=&metricWind=km%2Fh&metricTemp=%C2%B0C&radarRange=-1
        aspect_ratio: 99%
        card_mod:
          style: |
            ha-card {
              filter: invert(0%);
            }
      - type: iframe
        url: >-
          https://embed.windy.com/embed2.html?lat=47.9&lon=1.9&detailLat=47.9&detailLon=1.9&zoom=5&level=surface&overlay=wind&product=ecmwf&menu=&message=&marker=&calendar=24&pressure=&type=map&location=coordinates&detail=&metricWind=km%2Fh&metricTemp=%C2%B0C&radarRange=-1
        aspect_ratio: 99%
        card_mod:
          style: |
            ha-card {
              filter: invert(0%);
            }


2 « J'aime »

Hello Pulpy

J’ai essayé de mettre ton code et j’ai cette erreur, tu a mis quoi comme addon pour que ça fonctionne ?

Bonne soirée

Salut…
En fait tout est écrit il te manque une carte de base (stack in card)
Carte à installer grâce à HACS par exemple

Ho purée :unamused: je vais allé voir l’ophtalmo ou essayer de faire les choses plus tôt dans la journée…
Désolé merci pour la réponse

J’ai installé Stack in card, fait un petit CTRL F5 pour actualisé mais j’ai quand même :

stack in carrd

J’ai zappé quelque chose ?

Oui, comme @Tomaz Il en manque encore une. C’est juste pas la même

Ah oui :slight_smile:

J’aurais dû chercher un peu loin que le bout de mon nez !

Merci

un peu bizarre les résultat de Windy, chaque fois que j’actualise, j’ai un résultat différent de la pluie^^, un coup il pleut pas, un coup il tombe quelques gouttes et un coup c’est le déluge !

Que tu actualises quoi ? c’est du direct en principe

je rechargeais la page par F5 pour voir des réglages de la page.