In this chapter, we worked directly with the Google Maps API in order to render the map and work with maps. While this is perfectly fine, we also recommend that you check out the module that can be found at http://angular-ui.github.io/angular-google-maps/#!/, which makes it even easier to work with Google Maps in AngularJS.

Apart from the navigation features that we covered here, there are of course a plethora of services offered by mobile devices. Fortunately, almost all of the services have a corresponding Cordova plugin, which will let you make use of these services. We recommend that you refer to the Cordova plugin registry, which can be found at http://plugins.cordova.io/#/, whenever you need to find one.

You can do much, much more with Google Maps than what we explored here. We highly recommend that you explore the developer's page for Google Map, which can be found at https://developers.google.com/maps/, to get a better view of the available possibilities regarding Google Map.

The navigation app that we built here is really the map starter app in Ionic. You can find the complete source code for it at https://github.com/driftyco/ionic-starter-maps.

In this chapter, you learned how to use native phone features and Google Maps in order to build a simple navigation app. Most importantly, you also studied directives in AngularJS, a powerful feature that lets you create custom HTML elements.