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

    Windy in VueJs

    Scheduled Pinned Locked Moved Windy API v4
    6 Posts 5 Posters 2.7k Views 2 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.
    • J Offline
      jantold
      last edited by

      Hello!

      I'm new to VueJs and I want to implement windy in my project (a progessive web app).
      I could integrate leaflet successfully, but I don't understand how to integrate windy and how to get information from the extern library from windy and I always get 'undefined' from the windy Init function.

      I would really apreciate an example for the integration of windy in VueJs!

      Thanks for your Help!

      KorinaK 1 Reply Last reply Reply Quote 1
      • KorinaK Offline
        Korina @jantold
        last edited by

        @jantold Hello, using Windy in your project has a certain rules. You may want to check out our API - api.windy.com and also our ToU - https://account.windy.com/agreements/windy-terms-of-use

        Korina

        caruedaC 1 Reply Last reply Reply Quote 0
        • caruedaC Offline
          carueda @Korina
          last edited by

          @korina I found this entry after just doing some searching -- I also have Vue based applications where incorporating Windy would be great. I just created a trial API key.

          It seems the only way to incorporate Windy it is via explicit

          caruedaC 1 Reply Last reply Reply Quote 0
          • caruedaC Offline
            carueda @carueda
            last edited by

            (sorry for the bracketed thing -- not escpated by this commenting system it seems)

            It seems the only way to incorporate Windy is via explicit script tag, that is, not via an installable package from NPM, correct? The specific issue I note is that there wouldn't be a way to control the loading of the components as instructed in the documentation, that is, first Leaflet, then Windy.
            For my Leaflet apps, I basically have:

            import L from 'leaflet';

            (and then us L as usual).

            For also testing this setup with Windy, assuming an NPM-installable 'windy' package, I would then expect to be able to just do something like this:

            import { windyInit } from 'windy';

            and then use windyInit, etc.

            Any comments or additional (technical) pointers that can clarify what's actually possible in term of integrations with frameworks like Vue would be very welcome. Thanks!

            Y Bahaa_FadhilB 2 Replies Last reply Reply Quote 0
            • Y Offline
              Yarger @carueda
              last edited by

              @carueda I have been trying since 5 hours to solve the problem many times have uninstalled and installed, didn't get it but after watching this I solved this problem.

              1 Reply Last reply Reply Quote 0
              • Bahaa_FadhilB Offline
                Bahaa_Fadhil @carueda
                last edited by

                @carueda @Yarger

                I'm using windy with React now, and have struggled for a long time to get it to work in a single page application. There is a way to fix this problem is to define the own windy types, and then install windyInit in the component.

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