Google Map API (GMAPS Marker) Not Working

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

  • Avatar: Aristo Florist
    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

    21 Answers
    Avatar: John Holden
    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

    Avatar: Aristo Florist
    Aristo Florist
    Participant
    February 25, 2021 at 14:33

    attachment

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 25, 2021 at 17:00

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

    Regards

    Avatar: Aristo Florist
    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.
    Avatar: Rose Tyler
    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

    Avatar: Aristo Florist
    Aristo Florist
    Participant
    February 27, 2021 at 07:41

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

    Avatar: Rose Tyler
    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

    Avatar: Aristo Florist
    Aristo Florist
    Participant
    February 27, 2021 at 10:05

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

    Avatar: Rose Tyler
    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

    Avatar: Aristo Florist
    Aristo Florist
    Participant
    February 28, 2021 at 09:38

    ok, so how to embed Google Map?

    Avatar: Rose Tyler
    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

    Avatar: Aristo Florist
    Aristo Florist
    Participant
    March 1, 2021 at 09:01

    I am asking embed only not API

    Avatar: Rose Tyler
    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

    Avatar: Aristo Florist
    Aristo Florist
    Participant
    March 1, 2021 at 13:00

    yes

    Avatar: Rose Tyler
    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

    Avatar: Aristo Florist
    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

    Avatar: Rose Tyler
    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

    Avatar: Aristo Florist
    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

    Avatar: Olga Barlow
    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

    Avatar: Aristo Florist
    Aristo Florist
    Participant
    March 3, 2021 at 05:56

    how can i find it?

    Avatar: Rose Tyler
    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

  • Viewing 22 results - 1 through 22 (of 22 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.