How to Setup the Google Map and create Google API

Dear Support,

Good day to you.

May I know how to Setup the Google Map and create Google API?

Thank you.

Hello,

The Google Map is added by means of Google map element from WP Bakery page builder chart. https://xtemos.com/docs/basel/shortcodes/

Please follow the instructions to create Google API key https://developers.google.com/maps/documentation/javascript/get-api-key

Best Regards

Dear Elise,

Thanks for the info. I have gone thru all the steps, but it still showing below error :
(What should I do next?)

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

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL I will check the console and tell you the reason.

Best Regards

Hi Elise,

It is at https://huashop.com.my/contact/

Thanks!

Hello,

I see the errror in the console: Google Maps JavaScript API error: RefererNotAllowedMapError

Here is the source which describes the error and provides the solutions:
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error

Best Regards

Dear Elise,

I have enabled the setting and added the API for javascript. But still showing the same error. Is there anything left out beside these setting?

Thank you.

Attachments:

You must be logged in to view attached files.

Have you generated Google Map API key and placed it to Theme Settings or WPBakery element already? https://developers.google.com/maps/documentation/javascript/get-api-key

Dear Elise,

This issue has been fixed.

Thanks a lot for your helped.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts