Project Google Maps App JavaScript Purpose?: In this project you are going to create the functionality and UI for a location based Map App using Google Maps API Requirements?: You may use glitch or any editor that you prefer. For this project you can use the JQuery library. You may use lecture slides and the past hws for sample code but make sure to make it your own. The purpose of this project is to make sure you have an understanding of JavaScript objects, click events on an element, and how to change properties in elements. Most importantly how to work with a new/unfamiliar API. Functionality:
? User will be prompted to double click on a specified location on the map of CSUN. ? User will double click on the map to indicate where he/she thinks that location is. ? If correct the user is prompted that their answer is correct and the map shows the
location area that is correct in green ? If incorrect the user is prompted that their answer is wrong the map shows the correct
location area in red ? After five locations the user is prompted with how many they got correct total ? All panning and zooming functionalities of map should remain turned off
What I will be grading on: Implementation of all the functionality. JavaScript, HTML and CSS has proper formatting and
comments where appropriate. Web page renders properly in Chrome. Any assets are included
in submission.
Extra Credit: Add an animation effect to the map when certain conditions occur.
Add a timer to keep track of how fast completed correctly.
Cheating?: This project will be an individual project. You can discuss this project with other students. You can explain what needs to be done and give suggestions on how to do it. You cannot share source code. If two projects are submitted which show significant similarity in source code then both students will receive an F for the project. Note a person who gives his code to another student also fails the project (you are facilitating the dishonest actions of another).
