##Scope You have just been hired by an education company to create a game that will help students learn geography.
##Project Description Your Manager has laid out the following requirements for the project:
Create a game where up to 4 players can guess the location of a capital city on a blank map. Once all players have clicked the game ends and desplays player ranks based on the closest click. The player that clicks closest to the actual capital wins.
##Learning Objectives By the end of this project the employee will be able to:
- add css and javascript resources to the page
- find html elements using jquery API and attach on-click events
- find html elements change their content using jquery API
- perform basic commands using the leafletjs API
##References/Tools
- leafletjs - (http://leafletjs.com/) - map API
- jquery (https://jquery.com/)
- bootstap (http://getbootstrap.com/)
##Instructions
- Set up the index.html document and include all javascript and css resources.
- Create a leaflet map instance and render it on the page.
- Add a form that accepts player names and quantity.
- Add a function that adds listens to map clicks, calculates the distance from the correct location and stores that data.
- Once all players have clicked end the game and displace the winner based on the shortest distance
##Vocabulary
- API(Applications Program Interface) - a set of routines, protocols, and tools for building software applications. For example map.create method that creates a map on the page.
##How to Submit This project must be pushed back up to your repo on GitHub. Then you will share your link with the instructor
##Homework Instructor will assign homework based on progress in class.