How can we help?

Home > Alavon Bay - Managing Your Mobile App > Getting Started > Setting up Google Maps

Setting up Google Maps

Google Maps API License Update

On June 11th, 2018 Google made some changes to their pricing structure.
To learn more about the Google Maps pricing change
https://cloud.google.com/maps-platform/pricing/

Our platform allows for the integration of your own Google Maps License.  A Google Maps License allows to you utilize map data for location based features in your application. 

Features that utilize map data:

  • Food Ordering

  • Merchandise

  • Contact

  • Events v2

  • Loyalty

  • Around Us

What will be affected:

All non Alavon365 domains. (The default PWA domain of login.alavon365.com/m/appcode will not be affected)
Example: Your subdomain (client panel) or any PWA custom domains.
Note: Native Apps will not be affected.

Steps you need to take:

Moving forward, you will only need at least one Google Maps License API key.
This single key can have your partner subdomain, as well as all custom PWA domains registered to it.

But wait.. what if the PWAs under your account are getting a lot of usage and warrant their own API key (and its $200/month credit?)
Good thinking! In this case you can simply create a new Google Maps License for this PWAs Custom domain, and enter it under the Settings page when you are logged into this app. Lets walk through the steps below.

 

How do I get my own Google Maps License?

1. Go to https://cloud.google.com/maps-platform/#get-started

If you already have one, here is Google's guide for existing users: https://cloud.google.com/maps-platform/user-guide/
 
2. Select "Get Started"
 
3. Select all three Google Maps Platforms (Maps, Routes & Places)
 
4.Enter in your domain (less www. or .net) in the Project Name
 
5. Follow instructions to create billing account if needed.
Note: At this point, Google may also make an offer for a $300 trial of Google Cloud Products. Google has confirmed this is separate and you will not be charged for any Google Cloud Products unless you use them. 

6. Continue the Google Maps setup to receive your API Key. Save this key.

7. Click the 'API Console' link in this popup.

8. Scroll to "Key Restrictions" and select “HTTP referrers (web site)” under Application restrictions.
 
9. Next, under “Accept requests from these HTTP referrers (web sites)” enter the following requests:

  • *.yourdomain.com (example: *.smbmarketing.com)

  • subdomain.yourdomain.com (example: login.smbmarketing.com)

  • yourdomain.com (example: submarketing.com)

  • All of your PWA Custom Domains you wish to attribute to this key.

10. Save and your API Key will update automatically (no need to recopy it)
 

Where do I insert the Google Maps API Key once I have it?

For your first Maps API key, which we will term your 'Main' key, you will want to add it to your Dashboard -> Settings page.

As mentioned above, if some of your PWA's begin hogging your Google Maps calls, you can follow the steps above to create a new key only assigning your PWA's custom domain to it. Now this PWA will have its own $200/month allotment from Google.

You will want to save this PWA Custom Domain specific Maps Key under your Apps Settings -> General of the CMS.

 

Updated: