[Support request] Key Google Maps

[noe_sp]

Hello,

I’ve created an api key for a restrict domain.

In the website, I’ve created a new hook and put this code:

<script async defer src=”https://maps.googleapis.com/maps/api/js?key=MY API KEY&callback=initMap”
type=”text/javascript”></script>

wp_head, entire site and for all users, but I the map not works..

Thank you

Regards

[Leo]

Hi there,

Is that supposed to be in wp_head hook?

Can you link me to the instruction?

[noe_sp]

Map 1
Map 2

Thank you

[David]

Hi there,

those links require a password.

However, that API key script needs to be added to the WP_footer.

You will then need to add the HTML for displaying the map in the content of your page or another Hook that comes before the WP_footer.

More detail here:

https://developers.google.com/maps/documentation/javascript/adding-a-google-map

[noe_sp]

https://drive.google.com/file/d/1rLyNhV8A42AuZpYznqeadbV7BspYrr1g/view?usp=sharing

https://drive.google.com/file/d/1F7ajO1uqhBgQaB86xiiGq6IGhsFKTUP4/view?usp=sharing

Now I think the link is public,

Thank you

[Tom]

Hi there,

The other info that David provided should help. The script should be added to wp_footer, and then you need to add the map HTML to the page.

You should just need to follow their instructions step by step to get it to work.

[noe_sp]

Hello,

I have done the indications and I continue with the same problem,

Thank you,

Regards

[David]

There is more to it then just adding the script.
In this link you will see there is a HTML element and an Init function that has to exist in the pages content.

Maybe use a Plugin to handle this

[Author]

Posts