Support Article
Map control error in iOS app
SA-101211
Summary
Pega Map control (Google) receives an error when viewing the map through a Pega application on an iOS device. The map displays briefly, post which the error message displays. This occurs on iPads and iPhones with different iOS versions.
Error Messages
Oops! Something went wrong
This page didn't load Google Maps correctly. See the JavaScript console for technical details.
Error on the device log:
ERROR/JS<!STANDARD>: "Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: pega-...
Steps to Reproduce
- Ensure that the Google API Key is configured on the Pega application.
- Create a simple form for a case.
- Add a Map.
- Create a mobile channel with an iOS build.
- Create a case on an iOS device through the application.
Root Cause
A defect or configuration issue in the operating environment.
On reviewing the Google API Key settings on the Google Developer's site, it was determined that an application restriction was set which allowed the use of Maps only with websites.
Resolution
Perform the following local-change:
Modify the Google API Key applications restriction to allow iOS application access.
Published June 6, 2020 - Updated December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.