Step 1: Update Firebase Rules
– Navigate to user/src/environments/environment.prod.ts
– update your firebase configurations
– Update your Google maps api key (steps mentioned below) with user/src/index.html
Step 2: Running Rider App
cd user npm install ionic serve
**Note:** If Ionic serve is not working, you can also execute following command (update ports as your wish)
ionic serve --dev-logger-port 53705 --livereload-port 35740 --port 8300
For Android
ionic cordova platform add android ionic cordova build android
For iOS
ionic cordova platform add ios ionic cordova build ios
Setup Map Key
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
- Login to https://console.developers.google.com/projectcreate with your google account
- create new project
Step 2: Create API key
- Navigate to your current project & goto to API settings https://console.developers.google.com/apis/dashboard
- Goto Credentials & Create New API Key
Step 3:
Once you created API key, you need to update with following files
- user/src/index.html
Step 4: Enable All Required API
Navigate to library & choose google maps (view all) & enable all Required API’s
-
- Geocoding
- Geolocation
- 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/