Question
Galax E Solutions
IN
Last activity: 28 Oct 2016 10:39 EDT
Google Map is not opening. Java error throwing
Hi,
when using Address Map Control I see this error "Oops! Something went wrong.This page didn't load Google Maps correctly. See the JavaScript console for technical details."
1.But I am not getting the path how to look at the Java Script Console to see the problem description.
2.I got the google API key which is configured in the dynamic system settings
3. While viewing the preview of the section the map is shown/visible for a sec and then getting vanished followed by that error message as stated above. If it is the problem with API key configured even the 1 second display should not work. not sure about the exact problem but trying to nail down options.
Appreciate your help in avoiding that problem.
Pegasystems Inc.
IN
Maruthi, can you check Javascript console and post the error you see there.
June 22, 2016 onwards Google has changed it's API key access policy which may have affected your use-case. More here -
Google Geo Developers Blog: Building for Scale: Updates to Google Maps APIs Standard Plan
Wells Fargo
IN
Hi
The same error occurred for me also and I checked the java script console and the following error shown in console.
pzpega_control_textarea_14278203604.js!!.js:1 Uncaught ReferenceError: pega is not defined(anonymous function) @ pzpega_control_textarea_14278203604.js!!.js:1
js?v=3&client=gme-chartisinsurance1&sensor=false®ion=MY:32 Google Maps API error: UnauthorizedURLForClientIdMapError https://developers.google.com/maps/documentation/javascript/error-messages#unauthorized-url-for-client-id-map-error
Your site URL to be authorized: http:// Proprietary information hidden/prweb/GCExt/OS2dkpXAuA4Y5qAZCXYJcZPZjFPajmQUl4M8Efqe-Ec%…yActivity=ShowGoogleMaps&pzPrimaryPageName=pyWorkPage.ClaimData.NoticeData_.bb @ js?v=3&client=gme-chartisinsurance1&sensor=false®ion=MY:32(anonymous function) @ common.js:52(anonymous function) @ common.js:225d @ common.js:46(anonymous function) @ AuthenticationService.Authenticate:1
util.js:222 Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required
Could anyone help in avoiding this problem.
Pegasystems Inc.
US
see this link: https://developers.google.com/maps/documentation/javascript/error-messages. There is a link to "Registering Authorized URLs". Try to make sure the URL above is valid from google's perspective first (outside pega).
Areteans Technologies
AU
1. Create an api key for your current application in https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://console.developers.google.com/&followup=https://console.developers.google.com/&followup=https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://console.developers.google.com/&followup=https://console.developers.google.com/ for this you should have a google account.
2. Once you logged in https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://console.developers.google.com/&followup=https://console.developers.google.com/&followup=https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://console.developers.google.com/&followup=https://console.developers.google.com/ then create a project in the api and then select your project.
3. On the Dashboard click on “Enable API” , in that select "Google Maps JavaScript API" and "Google Maps Geolocation API".
4. When you are selecting this you are being prompted to create credentials, these credentials are for generating the API key for your application.
1. Create an api key for your current application in https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://console.developers.google.com/&followup=https://console.developers.google.com/&followup=https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://console.developers.google.com/&followup=https://console.developers.google.com/ for this you should have a google account.
2. Once you logged in https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://console.developers.google.com/&followup=https://console.developers.google.com/&followup=https://accounts.google.com/ServiceLogin?service=cloudconsole&passive=1209600&osid=1&continue=https://console.developers.google.com/&followup=https://console.developers.google.com/ then create a project in the api and then select your project.
3. On the Dashboard click on “Enable API” , in that select "Google Maps JavaScript API" and "Google Maps Geolocation API".
4. When you are selecting this you are being prompted to create credentials, these credentials are for generating the API key for your application.
5. When you create Credentials select "API Key", in that select "Browser Key".
6. In that follow below things;
i. If you are using "localhost" then just enter in the text instead of "example.com" enter "localhost"
ii. If you are using IP address then enter in the text instead of "www.example.com" enter "Your IP Address"
iii. If you are using domain url "www.example.com" enter "www.example.com"
7. Then click on Create button, then it will prompt you to copy the API key.
8. Copy the API key in to your pega, and paste it in "googleapikey" dss.
Now drag and drop your Adressmap control to your section, test it, it will work..
Please read below URL for reference.
https://docs-previous.pega.com/using-address-map-control
Pegasystems Inc.
US
Hi mohammadabduly!
Do you mind marking the reply that answered your question as Correct Answer?
Thanks!
Marissa | Community Moderator | Pegasystems Inc.