Adding windy Tile in a leaflet environment



  • Hello everyone,
    I found two topics having issues looking like mine but none got answsered.
    I have a project running under leaflet (and vue js).
    I want to add windy wind tile in Leaflet. So I did this :

    tileProviders: [
            { // openStreetMapTile
              id: "1",
              name: "Default",
              url: "https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png",
              attribution:
                "© Openstreetmap France | © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors",
              maxNativeZoom: 17
            },
            { // what I tried  to display the tile I wanted
              id: "2",
              name: "Windy",
              url:
                "https://tiles-s.windy.com/tiles/v9.0/darkmap-retina/{z}/{y}/{x}",
              attribution:
                "Windy",
              maxNativeZoom: 17,
              apikey: 'myWindiAPI',
            }
    

    It didn't work. The tile was not displayed. When I check the network tab, I have 302 message.
    I hope there's someone who can guide me here


  • Administrator

    @kalkal Unfortunately, Windy does not provide only tiles. You must use the official API way documented here: https://api.windy.com/



  • Thank you for your answer. I will try to manage the integration of windy in Vue


Log in to reply
 

Windyty, S.E. - all rights reserved. Powered by excellent NodeBB
NodeBB & contributors, OSM & contributors, HERE maps
Terms and Conditions     Privacy Policy