Contact Us Google Maps - by darylorquia - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 8 years, 5 months ago ago by Eva Kemp

  • Avatar: darylorquia
    darylorquia
    Participant
    July 2, 2016 at 22:03

    Good Day,

    I had difficulty making the map work from the contact us page.

    I already put the lat and longitude from the Theme Options > Contact Form. But i get an error on the map every time i try to load the contact us page. See below:

    “This page didn’t load Google Maps correctly. See the JavaScript console for technical details.”

    So i checked the javascript console details and i got these 3:

    Google Maps API error: MissingKeyMapError
    Google Maps API error: NoAPIKeys
    Google Maps API error: SensorNotRequired

    Now i checked it on google and it’s saying something about API’s. I’m a bit confused because this is the first time i encountered this issue when setting up the maps. Why is it that the maps from the “Our Office” page is working and the one in contact us is not?

    Kindly shed some light about this issue. I’ve setup a lot of goole maps from different themes but this one is new to me. Thanks!

    D.

    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 3, 2016 at 09:01

    Hello,

    Please provide us with FTP and WP admin credential in Private Content.

    Regards,
    Eva Kemp.

    Avatar: darylorquia
    darylorquia
    Participant
    July 5, 2016 at 14:19

    Good Day Eva,

    Thank you very much for your reply!
    Please see on the credentials i sent on the private message. Thanks!

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 5, 2016 at 17:46

    Hello,

    Do you have API key?
    Please read how to get it https://developers.google.com/maps/documentation/javascript/tutorials/adding-a-google-map#step_3_get_an_api_key .
    Then you need edit the file wp-content/themes/legenda/contacts.php, find the line 171 <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>, replace the code with this <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false"></script>, add your API key instead of “YOUR_API_KEY” text in the link.

    Regards,
    Eva Kemp.

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