How to Setup the Google Map and create Google API

This topic has 9 replies, 3 voices, and was last updated 4 years, 11 months ago by Elise Noromit.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
December 26, 2019 at 3:40 am #165018

tommytai
Participant

Dear Support,

Good day to you.

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

Thank you.

December 26, 2019 at 7:19 am #165044

Elise Noromit
Member

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

December 29, 2019 at 4:53 am #165339

tommytai
Participant

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.

December 29, 2019 at 7:04 am #165362

Elise Noromit
Member

Hello,

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

Best Regards

December 29, 2019 at 8:26 am #165372

tommytai
Participant

Hi Elise,

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

Thanks!

December 29, 2019 at 9:37 am #165379

Elise Noromit
Member

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

December 29, 2019 at 3:48 pm #165426

tommytai
Participant

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.

December 30, 2019 at 9:03 am #165517

Artem Temos
Keymaster

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

December 30, 2019 at 3:54 pm #165619

tommytai
Participant

Dear Elise,

This issue has been fixed.

Thanks a lot for your helped.

December 30, 2019 at 8:46 pm #165644

Elise Noromit
Member

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

Best Regards
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘How to Setup the Google Map and create Google API’ is closed to new replies.

How to Setup the Google Map and create Google API

Attachments:

Attachments:

Create your WordPress website.