Google Maps not working no matter what I do

[brian108]

Hi Everyone,

I recently built a WordPress site, and no matter what I do for the Google map API, the maps won’t show. I created the credentials, edited the JS manually, within the theme and even used plugins. Nothing is working.

Any ideas of what specifically needs to be done on the Google API End?

I even manually put this in the header.php:

 <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

and tweaked it, and still no luck.

Here are my current settings:

[Album] imgur.com

and I even tried restricted it with no luck.

[scrumvisualize]

Can you try calling the script part at the end after loading the DOM

<script>
function initMap(){
  // initialize your google map here
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

[soumyadip]

You can Try this Iframe code

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3680.937624111828!2d88.46095901444566!3d22.693365834247125!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89f465f733317%3A0x4eea1506b2a6444c!2s130%2C+Sodpur+Barasat+Rd%2C+South+Bankimpally%2C+Madhyamgram%2C+Kolkata%2C+West+Bengal+700129!5e0!3m2!1sen!2sin!4v1498197858507" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Hope it will be working.

[ralphm]

One thing I would check is whether or not your setup works outside WP, on a simple, static page. At least then you’d know whether WP is getting in the way or not.