We've covered a lot of both Google and jQuery functionality in this project. Specifically we looked at the following subjects:
Adding markers and overlays to the map using the
Marker()andInfoWindow()constructors.Reacting to map-driven events such as clicks on markers or marker drags. Event handlers are attached using the
addListener()method of thegoogle.mapsAPI. We also saw how to fire custom events using thetrigger()method.Using Google's services to manipulate the data generated by the map. The services we used were the
Geocoder()to reverse-geocode thelatLngof each point on the map that was clicked in order to obtain its address, and theDistanceMatrixService()to determine the distance between the points.Taking advantage of jQuery's event capabilities to add both standard and delegated events using the
on()method to detect when different parts of our UI were interacted with, such as the<button>being clicked or the<input>being typed into.Using...