O'Reilly logo

Ionic : Hybrid Mobile App Development by Hoc Phan, Sani Yusuf, Rahat Khanna

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating a Taxi app using the Google Maps plugin and geocode support

Today, many mobile apps utilize different mapping features, such as showing the current location, creating routes, and providing suggestive business searches. This section will show you how to use Ionic Native's Google Maps plugin to provide mapping support.

You will create a Taxi app that can do the following things:

  • Display Google Maps in fullscreen
  • Add a button overlay on top of the map
  • Detect the current device location
  • Add a marker with any text

This is the screenshot of the Taxi app:

Creating a Taxi app using the Google Maps plugin and geocode support

When users click on the PICK ME UP button, it will go to the current device location and show longitude ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required