Page Builder 
Widgets Bundle 
SiteOrigin CSS 
Installer Google Maps widget not working even with Api key
Hello,
First thanks for all of the great work, definitely makes things a lot easier.
I’m reaching out today, as I cannot get the google maps widget to work. I have set it up with the API key and I’m able to see the map from the preview on edit mode (and I see the use of the api key on the https://console.developers.google.com/apis/dashboard), but when I go to the site, it gives the following error (copied from the console):
…
Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error_.Za @ js?ver=4.5.3:31(anonymous function) @ common.js:51(anonymous function) @ common.js:191c @ common.js:45(anonymous function) @ AuthenticationService.Authenticate?1shttp%3A%2F%2Fwww.healthymindstherapycenter.com%2Fcontact%2F&ca…:1 common.js:172 Uncaught TypeError: Cannot read property 'toUrlValue' of undefined(anonymous function) @ common.js:172(anonymous function) @ js?ver=4.5.3:100(anonymous function) @ js?ver=4.5.3:44(anonymous function) @ js?ver=4.5.3:100hc @ js?ver=4.5.3:46gc.Tb @ js?ver=4.5.3:100(anonymous function) @ stats.js:1
…
Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
…
Please note that if I inspect the element, it shows that the API key is there:
<div class="so-widget-sow-google-map so-widget-sow-google-map-base"><div class="sow-google-map-canvas" style="height:360px;" id="map-canvas-19642ede7daec07a0c8df9e64c61a768" data-options="{"address":"[the address was here, but removed for posting]","zoom":17,"scrollZoom":true,"draggable":true,"disableUi":false,"keepCentered":false,"markerIcon":"","markersDraggable":false,"markerAtCenter":true,"markerInfoDisplay":"click","markerPositions":[],"mapName":"","mapStyles":"","directions":"","apiKey":"[api key was here, but removed for posting]"}"></div>
</div>Please note that I have the site whitelisted in the api console as: *.healthymindstherapycenter.com/*
and during the preview I can see the request as aforementioned.
Can you please help me out? is there anything that can be configured differently? why does it work in edit/preview but not on the site?
Thanks in advance,
ampz9
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
9Hi ampz9
Thanks for posting your question, sorry we weren’t able to reply sooner. Have you made any progress in resolving this problem? It can take a little while for an API key to become active after creation.
Hello Andrew,
It is still not working. But I don’t think it is the API key as it is under use by another widget (which I rather use siteorigin’s widget) given that I couldn’t get the site origin’s one to work.
Please note that it worked when I previewed the widget and saw the request in the google’s api manager dashboard. But when I published the changes and went to the page, it was not displaying the map.
The documentation is out of date google-maps-widget as it lists the API key as optional, and there isn’t a specified configuration for the key on google’s api manager.
Even though they are enabled as they are used, I’ve enabled Google Maps JavaScript API, Google Static Maps API, Google Maps Embed API and Google Places API Web Service. Are there others that need to be enabled?
Also, on the credential’s section I have *.healthymindstherapycenter.com/* and healthymindstherapycenter.com/*, are there others needed?
Thanks in advance,
ampz9
Hi ampz9
Thanks for your detailed feedback. We’ll update the field description in the next update, thanks for the reminder.
The URL’s listed in the API Console should be all that’s required.
If possible, could you please create a test page for us where we can view the SiteOrigin Maps widget?
Hi, I am having the same issue where I have added the API and the map will not display, it has been setup for days now and still no luck.
Hi Barry :) I’ll reply in your thread shortly. Thanks.
Hello Andrew,
I just created the page http://www.healthymindstherapycenter.com/siteorigintest/ but given that I noticed that it worked, I tried the widget on my original page, and it started working http://www.healthymindstherapycenter.com/contact/
Unrelated question, is there a way to put a footer on the map?
Thanks again,
ampz9
Super, glad that sorted itself out.
No, unfortunately not yet. In SiteOrigin Premium I’d really like to see us add the ability to add a map index with a sidebar or footer that would list the locations on the map and then focus on each location when you click on the corresponding title. Not sure if that’s what you’re after, if so we’ll develop this soon.
Hello,
I am also having the same issue. I’ve tried regenerating my key as well and creating new ones but to no avail. It used to work and then at some point yesterday, it stopped working. I hadn’t made any changes to the Google Maps Widget but it stopped working.
Here is a page with the most recent API key I have:
http://goo.gl/WSp3oq
Any ideas? Thanks!
Hi D’Tanga
Sorry to hear about the hassle. Please, could you open a new thread so we can assist. If you post the link here to your thread I’ll try to attend the same day. Thanks.
Page: New Thread
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.