Contact page- Google map not working - by irosh

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

  • Avatar: irosh
    irosh
    Participant
    August 21, 2021 at 06:56

    Hi ! I have generated API key for
    1. Google Javascript API
    2. Google Place API
    3. Google Direction API
    4. Google Geolocation API
    5. Google Geocoding API
    in google console and add that key in xstore -> Api integration and Elementor -> integration too.

    there is a Java script error appear on the page now. Please help.

    Please, contact administrator
    for this information.
    24 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 21, 2021 at 07:37

    Hello,

    Here is what we can see in the browser console on your site – https://gyazo.com/41bf2b1d6064c77dd668c1a614f0b121
    Google Maps JavaScript API error: RefererNotAllowedMapError
    https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
    Your site URL to be authorized: https://monarrchy.lk/contact-us/

    Regards

    Avatar: irosh
    irosh
    Participant
    August 21, 2021 at 08:09

    Thank you! now it works but shows development purposes only on maps. so I linked the billing account now map showing in a darker mode. how can I turn it into normal colours?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 21, 2021 at 08:22

    Check settings of the map element > Custom Map Style https://gyazo.com/9f2077834114e10876764b078c7726a6 Try to delete current styles and add own.

    Regards

    Avatar: irosh
    irosh
    Participant
    August 21, 2021 at 08:45

    Hi ! I’m a no corder or a programmer. Just trying to get the colours of the google map as it shows on the demo page. Please find the link for the problem that persists.
    kindly help resolve this issue.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 21, 2021 at 10:49

    Hello,

    Edit page > Settings of the element > delete content from this field – https://gyazo.com/9f2077834114e10876764b078c7726a6 , and check the map then.
    If you need any further assistance, provide temporary wp-admin access.

    Regards

    Avatar: irosh
    irosh
    Participant
    August 21, 2021 at 11:18

    Hi ! It did work but still when I try to use ‘ Find Latitude & Longitude -> search “the below error message appears. please sort this out for me.
    You need to have a google API key for using this option

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 21, 2021 at 12:30

    Hello,

    Please read this article about how to find Latitude & Longitude https://support.google.com/maps/answer/18539

    Regards

    Avatar: irosh
    irosh
    Participant
    August 21, 2021 at 13:02

    still, an API issue appears. Can you please check why it’s not working?

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 22, 2021 at 09:50

    Hello,

    I do not see any problem – https://gyazo.com/52c52c46ba47c7269fc33cc7bfa32e0f

    Regards

    Avatar: irosh
    irosh
    Participant
    August 22, 2021 at 12:50

    when we put coordinates to “search field” and perform a search, it says API issue even I put google maps API to the related field. Problem still exsists.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 22, 2021 at 13:12

    Coordinates should be added here https://gyazo.com/4df01c0fcc364a6cfa128e05b2ac59e6
    In “Find Latitude & Longitude” final, you should write location, like New York City. I can see “You need to have google api key for using this option” text that you mentioned. In the browser console:
    Google Maps JavaScript API error: RefererNotAllowedMapError
    https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
    Your site URL to be authorized: https://monarrchy.lk/wp-admin/post.php

    Regards

    Avatar: irosh
    irosh
    Participant
    August 22, 2021 at 15:04

    I have authorized: https://monarrchy.lk/wp-admin/post.php but it seems the problem still exists.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 23, 2021 at 13:47

    Hello,

    I see the map https://prnt.sc/1qfnqxi and there is no error. Provide us with the screenshot of the error, please, for better understanding.

    Regards

    Avatar: irosh
    irosh
    Participant
    August 23, 2021 at 14:24

    Please refer to the screenshot.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 23, 2021 at 21:52

    Hello,

    I see. Provide us with FTP access to your site, please. We’ll check the issue in more detail.

    Regards

    Avatar: irosh
    irosh
    Participant
    August 25, 2021 at 11:05

    Please find the requested details.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 25, 2021 at 14:08

    Hello,

    We can’t connect – https://gyazo.com/3a639e7f957f3fba20b4174041d2e2b3 Please check FTP access.
    Is there a restriction by IP or something else?

    Regards

    Avatar: irosh
    irosh
    Participant
    August 25, 2021 at 15:55

    Please use the shared IP address for login.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 25, 2021 at 15:58

    Hello,

    FTP directory that you provided is empty https://gyazo.com/62190b33290d5cc8c4c20f55ac1ecb0b
    Provide us with access to your WP installation, please.

    Regards

  • 1 2
    Viewing 20 results - 1 through 20 (of 25 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.