Skip to main content
L
leinsfeld1-Visitor
1-Visitor
June 10, 2019
Solved

ThingWorx 8.4 - Google Maps Don't Display

  • June 10, 2019
  • 2 replies
  • 2543 views

Hi all,

 

I am having difficult for show the google maps in my mashup.

 

Happen the following error: "Oops! Something went wrong. This page didn't load Google Maps correctly. See the JavaScript console for technical details."


I even created my API Key and paste in my "Required string to connect with Google for Google widgets" but this did not work.

Thanks,
Leonardo

Best answer by Rick-Stanley

Are you using the 3.0.3 version of the Google Map widget:

https://marketplace.ptc.com/apps/218633/google-maps-widget-303#!overview

 

Alternatively, you can try the Open Street Map widget which does not require an API key:

https://marketplace.ptc.com/apps/193952/openstreetmap-extension#!overview

 

 

2 replies

StephenW
StephenW23-Emerald III
23-Emerald III
June 10, 2019

Your post should be under the thingworx product category instead of "community feedback" where questions about the forums are. I'll move this one there.

R
Rick-Stanley5-Regular Member
5-Regular Member
June 11, 2019

You need to enter a full URL, not just your API key. If your API key is: ABC123ume, you would need to enter

https://maps.googleapis.com/maps/api/js?key=ABC123ume

There are step-by-step instructions here:

https://developer.thingworx.com/en/resources/guides/google-map-widget-how/configure-google-maps-widget-extension

 

 

L
leinsfeld1-VisitorAuthor
1-Visitor
June 12, 2019

Hi @Rick-Stanley 

 

Thank you for your answer!

 

I followed the guide that you have sent me (https://developer.thingworx.com/en/resources/guides/google-map-widget-how/configure-google-maps-widget-extension) but the problem to be continued.

 

Below my configuration:

 

Error.JPG

 

In my mashup the Google Maps get the same wrong:

 

Capturar.JPG

I saw in other topics that there are configuration in file metadata.xml to do, however this is to older version of ThingWorx Foundation (8.3.4).

R
Rajesh_Sayana5-Regular Member
5-Regular Member
June 12, 2019

Alternatively, you may try using a Webframe widget in the mash up and set the URL of the widget to the google maps with your embedded api key. For example 'https://www.google.com/maps/embed/v1/place?key={your api key}&q=40.05706,-75.670788'. Please refer Google maps API documentation as you may render different kinds of maps such as a Route, location search etc based on the URL you pass.

Terms & ConditionsAccessibility statement