Troubleshooting Maps Android & PWA

1. PWA - Maps not showing

If your Progressive Web App (PWA) is not displaying maps, it is probably because you didn't set any API key for your PWA. To display maps in your PWA, you need to set an external map service. You can choose between Google Maps Platform or Mapbox.  
For more details, please check our online help: Enable Maps on your PWA

If you did set an API key and updated the settings  for your app but maps are still not showing:
- Open a ticket to the support specifying which external map service you set in your back office.

2. Android - Check Google Developer Console

If your Android native app is not displaying maps, this can mean that the Google Maps Android API isn't activated in your Google Developer Console (https://console.developers.google.com/) or that there is an error with the Android Key. 

To check, log into your console, select the number for your project as registered in the backend (Publish > Certificates > Android) and click on "Go to APIs overview." 

(There can be an API display error on browsers other than Chrome, we recommend that you use this browser for this check-up).

3. Android - Verifying the enabled Google API

Once in the Google API menu, check if the Maps SDK for Android is enabled in the API Dashboard.

If you see that it is not enabled, you need to activate this API.

4. Android - Verifying the Android Key

In the Credentials section of the APIs & Services tab, click on Android Key to show the detailed view and check : 

- That the key exists and that you have generated it.

- That the displayed Android key is identical to the Android Key you placed in your backend in the menu Publish > Android App > Certificates

- That you restricted proper usage to your Android app with two items 

The package name of your app and both SHA1 certificate's fingerprints.

You can find these in your back office in the menu Publish > Android App > Certificates

- That you specified the enabled API "Maps SDK for Android" that this key can call

If these conditions weren't met:

1. make sure to set your Android key properly
   
2. save your settings on the Google Cloud console
   
3. Only if the displayed Android key on the Google Cloud console is not identical to the Android Key in your back office click on "Regenerate the key" and contact the GoodBarber support team, providing them with the new Android Key*

*NOTE: Once the issue is resolved, you will have to rebuild the Android application and send an update to the store if it was already published. If you have not yet published the app, you must still rebuild the app.

• Related Articles

• Custom Code in your App Content

  Muse mBaaS offers the possibility to use external code within the app. There are a few options that allow you to do this: plugins, APIs, custom feeds, HTML sections/Widgets, etc. 1. Add a Plugin Section An HTML5 plugin for Muse mBaaS is a bundle of ...

• Content Management System (CMS) Sections

  1. Add CMS sections CMS sections allow you to create and manage your content directly from the back office. Add a new CMS section :  1. In the left swipe menu, go to Design & Structure > Structure > Sections 2. Click the green button "Add a section" ...

• Export Content Created in Muse mBaaS (CMS Content)

  You can receive an export file of the contents created with our internal Content Management System (CMS) on request from the support team.  1. Sections you Can Export Here are the types of CMS sections that can be exported: Article Video Photo Map ...

• Duplicate CMS Content

  This feature is useful if you wish to reuse the existing content of your app. For instance: - to create a second article in a different language, so you only need to translate the text in the copy of the article. - to add a new event very similar to ...

• Articles - External Content Sources Available

  1. Connect your External Sources to your Muse mBaaS Application 1. Go to the left-hand menu Design & Structure > Structure > Sections   2. Click + Add a section button 3. From the list of all Sections click "Load more" to display all types of ...