PDA

View Full Version : Google Maps Plugin Error


Crumpy1
12-31-2016, 12:07 PM
Hi All,

I was wondering if anyone can identify why the Google Maps plugin is now displaying the following error

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

It was working fine on localhost but now it has gone live it is not displaying.

Webpage is here (https://www.phoenixcreativemarketing.co.uk/contact.html)where this is happening.

Any help would be appreciated.

Thank you.

edbr
01-03-2017, 09:09 AM
still an issue? ive been away so not much spare time at the moment

edbr
01-03-2017, 09:11 AM
on web console

"Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error" js:34:315

"Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys" util.js:211:33
"Google Maps API warning: SensorNotRequired

https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required"

edbr
01-03-2017, 09:12 AM
looks like an api key issue

edbr
01-03-2017, 09:17 AM
you can get a limited key here https://developers.google.com/maps/documentation/javascript/get-api-key#key

Crumpy1
01-04-2017, 09:22 PM
you can get a limited key here https://developers.google.com/maps/documentation/javascript/get-api-key#key

Hi Edbr, Sorry for the late reply, been a bit snowed myself.

Thanks for the API Key link, can you advise where in the code the key needs to be added? The instructions are unclear.

Thanks

edbr
01-05-2017, 01:25 AM
no worries thats what holidays are for. been a while since i danced with api keys and sites i used them for i dont have access or copies of.
As ui remember though it is added in a <script> </script> Google will give you the code for that. Fing the place you want on google mapp and click embed this map.
frankly I usually embed google maps as a much simpler method.

I also use as an addition a ( to me anyway) extra that you can add a get directions to form/button which is used quite a bit by my visitors to find my office.
try this for fun. in the form add a starting point ( I suggest Sanur which is a place in Bali)

<form action="http://maps.google.com/maps" method="get" target="_blank">
<label for="saddr">Enter your starting location</label>
<input type="text" name="saddr" placeholder="example:- Sanur Bali" />
<input type="hidden" name="daddr" value=" Concord Services
Istana Kuta Galeria 18 1st Floor, JL Patih Jelantik Blok PM-1/18, Denpasar, 80361
" />
<input type="submit" value="Get directions" />
</form>

edbr
01-05-2017, 01:32 AM
Just for the hell of it i searched google maps for my office , and clicked share/embed map and it gave me the following code, so no api key required

https://www.google.com/maps/place/Concord+Services+Bali/@-8.710895,115.179907,15z/data=!4m5!3m4!1s0x0:0x65f46cdde8ad1cb6!8m2!3d-8.710895!4d115.179907