Windy Community
    • Unread
    • Categories
    • Groups
    • Go to windy.com
    • Register
    • Login

    How to embed Windy to your website?

    Scheduled Pinned Locked Moved Frequently Asked Questions
    22 Posts 17 Posters 53.6k Views 7 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • M Offline
      miguelespaul
      last edited by

      I cant use this site the browser saids there was a problem with the server.Is there any alternative site.

      1 Reply Last reply Reply Quote 0
      • Kitesurf CruisesK Offline
        Kitesurf Cruises
        last edited by

        Hi Ivo,

        Just a quick tip: to make it responsive you can use a parent div with custom css. You can see how it looks on my Kite Cruises website if you like.

        HTML:
        <div> <iframe></iframe></div>

        CSS:
        .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }

        Also if I can afford it would be great if you use sprite to minimize server requests and speed up rendering ;-)

        ivoI 1 Reply Last reply Reply Quote 0
        • ivoI Offline
          ivo Windy Staff @Kitesurf Cruises
          last edited by

          @Kitesurf-Cruises Tell me more about the "sprites"/ Do you have any example how this works.

          1 Reply Last reply Reply Quote 0
          • Kitesurf CruisesK Offline
            Kitesurf Cruises
            last edited by

            Sprites are about putting many images in a single image and then use css to display it.

            This allow to have only one request to download all images, so it's much more efficient for client and the server.

            http://www.w3schools.com/css/css_image_sprites.asp

            And there is lot of other advantages for the website that we can discuss in private if you like.

            1 Reply Last reply Reply Quote 0
            • L Offline
              LeStef
              last edited by

              Hi I am trying to embed your windytv map onto a Google website / Blog inside a Google Gadget iframe box. It is for a scientific cruise followup.
              The URL I try to copy is:

              But it doesn't show up.
              Any idea ? Should I remove some part of the address ?
              Thanks a lot.

              ivoI 1 Reply Last reply Reply Quote 0
              • ivoI Offline
                ivo Windy Staff @LeStef
                last edited by

                @LeStef Send us some screenshot what you are doing

                1 Reply Last reply Reply Quote 0
                • L Offline
                  LeStef
                  last edited by

                  Sorry, it's telling me that I don't have enough privileges to upload a picture in reply to you.

                  1 Reply Last reply Reply Quote 0
                  • T Offline
                    TomSlavkovsky API developers | Premium
                    last edited by

                    Sorry about that, should work now, or you can use imgur.com.

                    L 1 Reply Last reply Reply Quote 0
                    • L Offline
                      LeStef @TomSlavkovsky
                      last edited by

                      @TomSlavkovsky
                      Hi Tom, Thanks,
                      I would like to add this map: 0_1484908159872_screen shot 1.pdf
                      To this webpage/blog 0_1484908236675_screen shot 2.pdf inside the Google gadget.
                      Inside the Google gadget I can paste a URL address, there: 0_1484908340178_screen shot 3.pdf

                      It doesn't work if I copy paste your URL at the bottom left
                      like:

                      Should I copy the top URL at the top of my search engine ? like: https://www.windytv.com/-64.075/117.945?-65.431,121.377,5

                      Thanks a lot for your help.

                      1 Reply Last reply Reply Quote 0
                      • K Offline
                        Kirvan
                        last edited by

                        For consideration: Integration of user-defined plume models. Or, Windytv built-in plume models. For example, I wonder how the UI at http://weather.hawaii.edu/vmap/hysplit/, modeling Hawaii volcano smog, might be presented on top of Windytv, using Windytv wind data. Then, it occurred to me this might be a nice source of income for Windytv, fee-paid for "business" use of an API. There are probably 10's or 100's of thousands of national, state, and local hazmat and disaster-planning departments around the world who have prepared (or want to prepare) plume-model applications, to track release of airborne toxins. No doubt they would be pleased to move their models to Windytv, and willing to pay for it.

                        1 Reply Last reply Reply Quote 0
                        • A Offline
                          arthub
                          last edited by

                          I love this idea!!!
                          I wonder if I embed the Windy Widget to my website, what language will it be if someone opens my website, e.g. in the USA? Will it display everything in English? Does anyone have experience with it? And how can I make the widget mobile?

                          1 Reply Last reply Reply Quote 0
                          • D Offline
                            deonte130
                            last edited by

                            Has anyone has issues with the Fahrenheit option?

                            1 Reply Last reply Reply Quote 0
                            • wbrock32W Offline
                              wbrock32
                              last edited by

                              how do you get the embeded radar map to auto play? I am using Iframes and HTML?

                              KĀV EventsK 1 Reply Last reply Reply Quote 2
                              • KĀV EventsK Offline
                                KĀV Events @wbrock32
                                last edited by

                                @wbrock32

                                Has there been any development on this?

                                1 Reply Last reply Reply Quote 2
                                • hava durumu15H Offline
                                  hava durumu15
                                  last edited by

                                  Hello; Can I embed windy codes using location for weather web page? sample page

                                  1 Reply Last reply Reply Quote 0
                                  • M Offline
                                    mb15 | Premium
                                    last edited by

                                    Having an issue with an embedded pointcast on Chrome browser.

                                    When the page loads, the Windy map focuses away from the pointcast beacon so that viewers need to scroll on the map to find the beacon. This occurs consistently on Google Chrome browser for Mac. Safari isn't an issue.

                                    The relevant pointcast is embedded under the "Surface Winds Forecast" section: https://redtailparagliding.com/boulder-weather/

                                    1 Reply Last reply Reply Quote 1
                                    • SutyS Suty referenced this topic on
                                    • SutyS Suty referenced this topic on
                                    • Halit YazıcıH Offline
                                      Halit Yazıcı
                                      last edited by

                                      Hello, can I add instant weather events of the coordinate I want to my site in the form of gif animations? weather site

                                      https://www.havarapor.com

                                      1 Reply Last reply Reply Quote 0
                                      • Siyan MeerS Offline
                                        Siyan Meer @ivo
                                        last edited by

                                        @ivo i have been trying to add windy map in our website, it get embed but unfortunately in mobile view it doesn't show properly

                                        The leading Transport, Minibuses & bus rental company in Dubai offering wide range of vehicle rental services with experience drivers on daily & weekly basis

                                        1 Reply Last reply Reply Quote 0
                                        • G Offline
                                          GavynNguyen
                                          last edited by

                                          Will this work on MySpace too?

                                          super mario 64

                                          1 Reply Last reply Reply Quote 1
                                          • R Offline
                                            reilley
                                            last edited by

                                            Hello!

                                            I’ve been able successfully embed Windy weather radar into my MagicMirror2 project complete with animation, but I can’t seem to figure out why my location dot is grossly off. I live in Canton, GA, which is about 35 miles North of Atlanta, but my embed displays my location erroneously as somewhere in North Central Florida.

                                            Has anyone else experienced this with your embeds and if so, were you able to resolve it somehow?

                                            Thanks!
                                            Terry

                                            1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post
                                            Windy Community  |  Powered by excellent NodeBB
                                            Terms of Use     Privacy Policy     Windy.com