KnockoutJS by Example

Summary

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 ...