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

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question
100%



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

Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 4 steps with 1 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY