In this chapter, we walked through building a map application using the Google Maps APIs. The application gave the users the ability to enter address information with autocomplete predictions based on partial address input, and retrieved and displayed detailed address information. It also rendered a map, placed markers based on the addresses selected, and displayed the route between the two markers.
We started the chapter by creating a reusable custom binding handler for the address autocomplete component. This custom binding was used to create from and to address components. The second feature of the application was to retrieve and display the detailed address information. We learned how to extract this information using the Google Maps APIs and store it in the Knockout observables.
In the third feature of the application, we created a reusable custom binding handler to render Google map in a panel. In the next two features, we learned how to place markers on the map and use the direction...