Geolocation and Ajax with JavaScript. Features: Your page should be able to consume the following data from the OpenWeather API and Google Maps API to display on the page. Your page should show: 1. The current weather of a city based on its name typed by the user: Use input type=text to get the name of the city. API Doc – By city name: https://openweathermap.org/current#name 2. The current weather of a place based on the user’s geographic coordinates : Use navigator.geolocation to get the user’s geolocation. API Doc – By geographic coordinates: https://openweathermap.org/current#geo 3. The current user’s geolocation on a Google Maps with a Marker. Use navigator.geolocation to get the user’s geolocation. API Doc: https://developers.google.com/maps/documentation/javascript/overview Use good web design practices to enhance visually your html page Note: - You are free to use jQuery anywhere if you like. - You need to sign up to OpenWeather to get a free API key. o Refer to https://openweathermap.org/ - You need to have a Google Account to get a Google Maps API Key. o Refer to https://developers.google.com/maps/documentation/javascript/get-api-key Javascript
Geolocation and Ajax with JavaScript.
Features:
Your page should be able to consume the following data from the OpenWeather API and Google
Maps API to display on the page.
Your page should show:
1. The current weather of a city based on its name typed by the user:
Use input type=text to get the name of the city.
API Doc – By city name: https://openweathermap.org/current#name
2. The current weather of a place based on the user’s geographic coordinates :
Use navigator.geolocation to get the user’s geolocation.
API Doc – By geographic coordinates: https://openweathermap.org/current#geo
3. The current user’s geolocation on a Google Maps with a Marker.
Use navigator.geolocation to get the user’s geolocation.
API Doc: https://developers.google.com/maps/documentation/javascript/overview
Use good web design practices to enhance visually your html page
Note:
- You are free to use jQuery anywhere if you like.
- You need to sign up to OpenWeather to get a free API key.
o Refer to https://openweathermap.org/
- You need to have a Google Account to get a Google Maps API Key.
o Refer to https://developers.google.com/maps/documentation/javascript/get-api-key
Javascript
Trending now
This is a popular solution!
Step by step
Solved in 4 steps with 1 images