WolwX
Avril 9, 2022, 7:54
1
Hello les compères
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
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
Salut,
J’ai ça en stock chez moi
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
papoo
Avril 10, 2022, 6:55
4
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%
WolwX
Avril 10, 2022, 7:54
5
Merci Pulpy
Justement c’est là tout mon problème
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 …
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
WolwX
Avril 10, 2022, 8:08
7
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 ?
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
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%);
}
3 « J'aime »
Tomaz
Septembre 3, 2022, 5:16
12
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
Tomaz
Septembre 4, 2022, 4:46
14
Ho purée 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 :
J’ai zappé quelque chose ?
Oui, comme @Tomaz Il en manque encore une. C’est juste pas la même
Ah oui
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.