Ionic 5 - Grocery Shopping App Platform with Admin
  • Ionic 5 Grocery Platform with Dashboard
  • Why use this Starter
  • Admin Panel Features
  • SETUP AND DEPLOYMENT
    • Initial Dev Environment Setup
    • Running the App (Web Browser)
  • How to use this Starter
    • Grocery Dashboard And App Complete Setup
    • Grocery Dashboard App - Setup
      • Grocery Dashboard Testing
    • Grocery App - Setup
      • Grocery App Testing
    • Testing Integration of Grocery Dashboard and App
  • Extra
    • Understanding the Database
    • App Specific Requirements
    • Add More Features
    • FAQs
  • FIREBASE SETUP
    • New Firebase Project Setup
    • Firebase Integration
    • Hosting on Firebase
Powered by GitBook
On this page

Was this helpful?

  1. Extra

App Specific Requirements

This page described additional requirement to run this app properly.

1. Generate your own Google Maps API key

To use Google Maps, you'll need a Google Maps API key. Don't worry, it is not paid, for most beginner purposes, but you may need to add Billing Account. Google just asks you for a valid payment method, but you'll get thousands of free API calls for free. Generate the Google App API Key from instructions given in this Link

After Generating Google Map API key don't forgot to enable the Direction API and Place API, GeoCoding API

After Generating Google Map API key :

  1. Go to to the app.module.ts and config.xml file

  2. Search for “Google Map API Key” and replace with our Google Map API Key

  3. In Environment.ts and Environment.prod.ts also replace the MAP API constant.

  4. Change the API key in index.html in the script tag

PreviousUnderstanding the DatabaseNextAdd More Features

Last updated 4 years ago

Was this helpful?