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].
Hi,
I opened my site on my mobile browser and on most of my pages I have 2 Google Maps of my offices. They used to work and display the map but now it says ‘API server rejected your request’. All I did was go to Google Maps, enter my office address and get the code which I added into the site. I don’t use the Google Maps Widget because for some reason I couldn’t get that to work for me. Can you help please. Thanks.
Hi Jonathan,
Hm, let’s try getting the Google Maps widget instead of using the embed code as that option isn’t really user-friendly – if you would prefer, we can try with the embed code but I would recommend trying to avoid it.
Typically, the most common issue is an API key that doesn’t have the required libraries activate. Can you try creating a new API key through either this page for a dynamic map or this page for a static map.
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.
Hi Alex,
Thanks for getting back to me. I managed to get an API key that worked this time, for an interactive map. Next, I entered the full address of the place and for some reason, Google doesn’t recognise the location, but in maps.google.com it does. Anyhow, I managed to find the coordinates of the place in order to get the exact location, not what I wanted but it shows the exact location of my premises.
Next, I wanted it to display a label/name of the business on the marker, which I tried doing in one of the tabs on the widget, but it added another marker and positioned it somewhere else on the map. I can’t seem to add text to the current marker.
The previous map was also more interactive, where if you clicked on to view it larger it will take the user to Google Maps where they can view further information about the business, reviews or even directions to the place. With this one, you can’t. I could grant you access to the site, however, this post won’t let post it as private, so I cannot at this point.
Hi Jonathan,
As odd as it sounds, the Google Maps API database is different to the maps.google.com database – what works for one might not work for the other. Typically using the full address without the company name works though.
Okay, so the other marker you cannot edit is the center marker. We typically recommend hiding it as it’s purely for a point of reference – it cannot be customized. You can hide it by opening the Markers settings group and unticking the Show Marker at map center setting. Then please set up a proper marker via the Marker Positions – this will allow you to label and add text, etc.
As in, clicked on the marker itself? Hm, I think I need to see the embed code you’re using to get an idea of what you’re talking about. If you need to keep a URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Hi Alex,
Sure, that worked fine thanks. This is the embed code for you to see:
Hi Jonathan,
It doesn’t appear like the embed code came through. Can you please try adding the code to a service like pastebin.com and sending me a link to that? Sorry about this!
I have removed the brackets at the beginning and end so the code will appear. I hope…
iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2481.806048076694!2d0.7936127153471769!3d51.53511711649778!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d927b7c1b1e213%3A0x1cbf1a99cf6ad3b3!2sVentam+Systems+Ltd!5e0!3m2!1sen!2suk!4v1483551070686″ width=”250″ height=”250″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe
Hi Jonathan,
Hm, I don’t think you can actually add that button to a Google Maps API map. I’ll send a message aroun to see if it’s possible. Regardless, I think I spotted the issue with your embed code, it uses ” instead of ” (dumb vs smart quotes).
Try using the following HTML instead:
Hi Alex,
What code have you just given me there? I decided to use the GoogleMap Widget, which works fine but obviously as I mentioned before, I would have liked people to be able to click on it and arrange directions on the Google Maps website. Similar I believe to the new HTML link you have just provided me. But what do you recommend? Thanks.
Hi Jonathan,
That’s a copy of the provided embed code that should work without issue. It’s up to you if you wish to use the updated embed code (for the View full map button) or the SiteOrigin Google Maps widget.