1. Home
  2. Docs
  3. Ionic Firebase Taxi App Setup
  4. Map & Stripe setup

Map & Stripe setup

We have used google maps api for displaying maps, calculating distance, markers ..etc. so we need to create google maps api key & update required files before starting remaining setup.

Step 1: Create new project


Step 2: Create API key

Step 3:

Once you created API key, you need to update with following files

  • Driver/src/index.html
  • Rider/src/index.html

Step 4: Enable All Required API

Navigate to library & choose google maps (view all) & enable all Required API’s

  • Direction
  • Distance Matrix
  • Geocoding
  • Geolocation
  • Maps Embed
  • Maps JavaScript
  • Maps Places (aka Places API)

Important Update: Google Maps free API allows only one request / min. So must verify your credit card with Google Billing (https://console.developers.google.com/billing/) to avoid these errors.

Please visit for more info: https://cloud.google.com/maps-platform/pricing/

Stripe Setup


  • Create an account with http://stripe.com/
  • Once you created account, get your key from stripe
  • Update your rider/src/index.html
  • Update fcf1/index.js