darksky | programmatically interfacing the Dark Sky weather API | REST library

I need a solution for the following sequence:

The browser checks user's Geolocation (assuming he allows that) -> Longitude and Latitude are kept in state and used for 2 API calls -> Google Reverse Geolocation API checks for city name AND at the same time DarkSky API checks for the weather -> third API waits for results from previous calls and uses it as the query for the third, Unsplash API

Here's my code:

I have a problem with updating a variable on my API link. So this should work that at the start coords on this API link should be 0,0 (or at the best case it should at first display geonavigator window and after accepting it it should display weather for your coords then after searching for another city at the same place should appear weather for searched city but still dont know how to do it) and this part works but after I search for another city on the search bar the coords on API link (coordinates.lat and coordinates.lng) should change to the coords of searched city and the changed weather should be displayed on the screen but this part doesn't work. Maybe works a bit because it look like the value on coordinates.lat and coordinates.lng are changing everytime I search for any city when I display them after return on

Latitude: {coordinates.lat}

I am working on a simple app that returns one value from a json resource at certain url. Although I've created a vue.config.js file to avoid CORS problem, still getting on execution the message:

Access to fetch at 'https://api.darksky.net/forecast/xxx/37.8267,-122.4233' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

What am I missing? Thank you very much!

Location.vue

I have problem with variable "icons" in my code. Its initialized and defined in EventListener scope but it is not defined after that scope so I got an error when I try to compile. I really don't know how to make global variable in reactJS and after searching for it looks like its not recommended to do so. So is there a way to make that variable work outside EventListener scope so class "Demo" could use it?

I did a DAG's with the following configuration:

I have 2 components which are being loaded into an "App", the first component resolves the external ip address to a geo by making 2 axios.get calls and then returns them (via emit) to App.vue.

I then call "Weather" to resolve the lat/long from the previous 2 calls to some json returned by the darksky API for that lat/long. Sometimes (50-60% of the time) I am hitting a race condition where I am sending 0/0 to weather (which are what I initialize lat/long to in App.vue) and don't know how to resolve it. I would like the following code to run more reliably.

App.vue

I'm working on an Android app that is going to call the DarkSky weather API (I have redacted my API key here for obvious reasons). My problem comes when I parse the JSON data and push it to a stack I named dataStack. At the time of pushing the stack I log its size and it shows correctly. However when my code reaches the buildGraph() method, the stack is now empty and all my data has disappeared. What causes the stack to empty?

EDIT: As of 30 minutes after posting I found a workaround. I am now returning the String and parsing it in my MainActivity Android class. However, I still do not know why the stack was being deleted. I would love to know :)

I cant figure why the cors express middleware wont work. cors, express, and ejs are all saved in package.json. The app works fine if I add corsanywhere proxy on the front end but id like to work around this on the server side. any help much appreciated I've been stuck on this.

the api is in the get View/index path

the error is: Access to fetch at 'https://api.darksky.net/forecast/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

I'm trying to retrieve historical weather data for 100 cities in R using DARKSKY API.

The following code works to get historical data for 1 city, however I'm having issues creating a loop function to go through a list of 100 latitude and longitudes and spit out the data.