Mission Briefing

For the purposes of this project, we'll have a scenario where we need to build a map-based application for a company that takes things from one place to another. They want a page that their customers can visit to calculate the cost of, and maybe order, the transport of something from one place to another by clicking on different areas of a localized map.

We'll see how to listen for clicks on the map so that markers can be added and the precise locations of each marker can be recorded. We can then update the UI to show the actual street addresses of the locations that were clicked and allow the visitor to generate a quote based on the computed distance between the two addresses.

Why Is It Awesome?

Google Maps is a fantastic API to build on. Already highly interactive and packed with features, we can build robust and highly functional applications on top of the solid foundation it provides. Google provides the mapping data and interactivity with the map, while jQuery is used...