Hi, I’m having a hard time trying to understand why console.log(api) is showing ‘‘undefined’’ when it was supposed to show the geolocation.
I would appreciate a lot if someone could help me with this project
Thanks
Well first of all did you sign up for an API key ?
It appears to me you are trying to use the ‘demonstration’ key as in the examples to access. You need to register your own account to get your own key. I would at least start from there because I believe that is at least is part of what is causing the ensuing
net::ERR_INSECURE_RESPONSE
error.
The key, once registered, would go here: ‘&appid= your key here’
Hi,
Thanks for replying, I did what you said and it still showing that
samples. openweathermap. org/data/2.5/weather?lat=UNDEFINED&lon=UNDEFINED&appid=e7c4a7db8187caa7fc3e50e1806f4786"
For one you should be using the following as the base URL for the API call (make sure to read the API docs closely).
Also it helps to sometimes first test the call in just the browser window to make sure you don’t any key problems, etc. Using the key you provided, put this in an open browser window:
Second of all, you are using ‘lat’ and ‘long’ out of the variable scope. Also, you want to console.log ‘json’ (the return data) not ‘api’ (the variable you used to specify the address to call the API).
I made these changes and posted a fork here:
https://codepen.io/abalducci/pen/opwzYr
You can see it is now working. Please take note as I will remove the fork in a bit.
Hope this helps.
1 Like