Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello.
the Google Maps Widget does not seem to work for me:
I am using version 1.8.6 of the SiteOrigin Widget Bundle and version 4.7.5 of WordPress.
I have generated an API key and enabled pretty much all the map-related libraries in the Google API Console.
“Static Map” works fine, “interactive” does not work.
I can preview the map on the back end Widgets page just fine but it just won’t show up on the front end.
The area where the Widget is supposed to show up stays blank and the following shows up in the JavaScript console:
JQMIGRATE: Migrate is installed, version 1.4.1
js?key&ver=4.7.5:35 Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
_.rb @ js?key&ver=4.7.5:35
(anonymous) @ common.js:49
(anonymous) @ common.js:189
c @ common.js:43
(anonymous) @ AuthenticationService.Authenticate?1shttp%3A%2F%2Fkartundfun.de%2F&callback=_xdc_._92gnb6&token=124…:1
util.js:219 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
zB.j @ util.js:219
(anonymous) @ js?key&ver=4.7.5:133
(anonymous) @ js?key&ver=4.7.5:53
(anonymous) @ js?key&ver=4.7.5:50
(anonymous) @ js?key&ver=4.7.5:53
(anonymous) @ js?key&ver=4.7.5:104
(anonymous) @ js?key&ver=4.7.5:50
(anonymous) @ js?key&ver=4.7.5:104
Sc @ js?key&ver=4.7.5:52
Rc.ib @ js?key&ver=4.7.5:104
(anonymous) @ stats.js:1
util.js:219 Google Maps API warning: InvalidKey https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key
zB.j @ util.js:219
(anonymous) @ js?key&ver=4.7.5:133
(anonymous) @ js?key&ver=4.7.5:53
(anonymous) @ js?key&ver=4.7.5:50
(anonymous) @ js?key&ver=4.7.5:53
(anonymous) @ js?key&ver=4.7.5:104
(anonymous) @ js?key&ver=4.7.5:50
(anonymous) @ js?key&ver=4.7.5:104
Sc @ js?key&ver=4.7.5:52
Rc.ib @ js?key&ver=4.7.5:104
(anonymous) @ stats.js:1
When I preview the map, the Google API console logs each of my previews accessing the API, so the API does appear to sort of work in general
And yes, I have tried deactivating all other plugins. Didn’t do anything.
Hi Obermartin,
It sounds like you’ve generated an API key for a static map. Please try generating a new API key through this page and changing over to your newly generated API key.
Once you’ve generated the API, simply add it to your Google Maps widget.
If adding an API key doesn’t help, do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
That is precisely what I did.
And after creating API key I activated all other Maps-related libraries in the API console, which enabled the static map (which originally didn’t work either).
I just created a new API key through the page you linked, pasted it in the Widget (without adding any other libraries in the API console). Still no joy.
Hi Ober,
Do you have a public URL where we can take a look at what’s going on?
Also, would it be possible for you to send me an export for the page that has the SiteOrigin Google Maps widget present? To do this open up the page with the widget and click layout in the Page Builder toolbar. Then click import/export and then click download. Please upload the export to a 3rd party file hosting site such as teknik.io.
I only just noticed you asking for an URL. Here it is: http://kartundfun.de/ – the map widget is supposed to show up in the footer area.
All right. I installed pagebuilder (which I had not been using), added the widget to a page (http://kartundfun.de/kontakt/) and exported it just like you asked.
Here is the export: https://pastebin.com/5zLQxxp2
Hi Obermartin,
Hm. Based on your markup, I suspect your theme is including JavaScript which is interfering with the widget. Can you please temporarily change the theme to rule this out? If so, this issue should be fixed in the next SiteOrigin Widgets Bundle update as we’ve made quite a few changes to avoid these type of conflicts with the theme or plugins using Google Maps also.
Damn. You’re right.
I switched back to the default Theme “Twenty Seventeen” and the widget worked straight away.
Addendum: Apparently the theme I’m using already has some (undocumented) rudimentary Google Maps capabilities with a misleadingly labeled option to enter an API key hidden somewhere in the theme options. Once I entered the API key there as well as in your widget options, the widget started working.
Thanks for putting me on the right track!
Hi Obermartinm
I’m very glad to hear you managed to find a solution! I’m sorry the SiteOrigin Google Maps widget wasn’t playing with your theme’s implementation and we’ll definitely work towards resolving these sort of conflicts in the future.