Return to previous page

Google Map API (GMAPS Marker) Not Working

This topic has 22 replies, 4 voices, and was last updated 3 years, 8 months ago ago by Rose Tyler

Aristo Florist

Participant

February 25, 2021 at 13:48

I generated Google Map API key and add in but MAP not showing
https://prntscr.com/106kjzo
https://prntscr.com/106klrp
https://prntscr.com/106kpnl

#276495 Copied Theme version: 0.0.1 WooCommerce version: latest

21 Answers

John Holden

Support staff

February 25, 2021 at 13:54

Hey there,

Thanks for reaching out to us.

With respect to your query here, kindly share with us a screenshot of your console panel in chrome dev tools, when accessing that page.

I look forward to your reply.

Kind Regards

#276499 Copied

Aristo Florist

Participant

February 25, 2021 at 14:33

attachment

Please contact administrator
for this information.

#276512 Copied

Rose Tyler

Support staff

February 25, 2021 at 17:00

Add API key in settings of the element – http://prntscr.com/106rcnk

Regards

#276550 Copied

Aristo Florist

Participant

February 26, 2021 at 06:53

Added API key in settings of the element but not working
like console, elements and needed

Please contact administrator
for this information.

#276647 Copied

Rose Tyler

Support staff

February 26, 2021 at 08:09

Go to page with the map > open chrome inspector and check what errors do you have in the console https://developers.google.com/web/tools/chrome-devtools/open . For example – https://prnt.sc/107e2b6 > http://prntscr.com/107e2xt Read text of errors and useful links there. Provide us with screenshots.

Regards

#276656 Copied

Aristo Florist

Participant

February 27, 2021 at 07:41

opened inspected and checked errors do you have solution ?
https://prntscr.com/10864uz

#276796 Copied

Rose Tyler

Support staff

February 27, 2021 at 09:06

As you can see https://prnt.sc/108869x – you must enable billing on the google cloud project, please click on links on the message. It is independent of our theme, you just need to correctly configure Google API.

Regards

#276813 Copied

Aristo Florist

Participant

February 27, 2021 at 10:05

means we have to buy Google API, after that solve this

#276828 Copied

Rose Tyler

Support staff

February 27, 2021 at 10:23

Please read the documentation that will open once you click on links in your browser console. Google map is a paid service, so you must enable billing https://developers.google.com/maps/gmp-get-started

Regards

#276831 Copied

Aristo Florist

Participant

February 28, 2021 at 09:38

ok, so how to embed Google Map?

#276924 Copied

Rose Tyler

Support staff

February 28, 2021 at 13:18

Have you enabled the billing? Do you face a new problem now?
Read documentation https://developers.google.com/maps/gmp-get-started You need to create API to use the Google map, configure it correctly according to docs, and add the key to the map element settings.
API should be added here – https://prnt.sc/vwq6sk , location here – https://prnt.sc/1002pg3

Regards

#276954 Copied

Aristo Florist

Participant

March 1, 2021 at 09:01

I am asking embed only not API

#277040 Copied

Rose Tyler

Support staff

March 1, 2021 at 09:54

Sorry, but your request is a bit unclear for me. Do you mean default VC element – Google Maps http://prntscr.com/10a4m10 ? Read this article – https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-insert-google-maps/

Regards

#277055 Copied

Aristo Florist

Participant

March 1, 2021 at 13:00

yes

#277100 Copied

Rose Tyler

Support staff

March 1, 2021 at 15:34

Ok. I hope this article will help you – https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-insert-google-maps/
Feel free to ask if you have any other questions.

Regards

#277137 Copied

Aristo Florist

Participant

March 2, 2021 at 08:45

i am trying to embed MAP i frame and it’s showing on “edit page” layout but not showing on “contact us page”

on Edit Page : https://prntscr.com/10b4a6c
console : https://prntscr.com/10b4h9m

#277267 Copied

Rose Tyler

Support staff

March 2, 2021 at 14:11

Why did you add the map via text element? Add default VC element – Google Maps http://prntscr.com/10a4m10 and read this article – https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-insert-google-maps/

Regards

#277308 Copied

Aristo Florist

Participant

March 2, 2021 at 14:19

first i was add via VC element but in console licence error which was same as API error so that i am traying with html element

#277312 Copied

Olga Barlow

Support staff

March 2, 2021 at 16:00

Hello,

There are 2 elements to add map: Gmap element (requires API) and default WPBakery element (you can use it without API). So, use the second one.

Regards

#277347 Copied

Aristo Florist

Participant

March 3, 2021 at 05:56

how can i find it?

#277448 Copied

Rose Tyler

Support staff

March 3, 2021 at 09:56

Hello,

Edit page > add element > search for “map” and here it is – https://prnt.sc/10bzkjv

Regards

#277492 Copied
Viewing 22 results - 1 through 22 (of 22 total)