Google map missing API key

  • Posted in : Empathy
  • alialacan
    Participant

    Hi. Im getting this error with google map:
    js:32 Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error

    I created API key but couldnt find where to enter it.

    [map latitude=”38.019431″ longitude=”32.526506″ zoom=”5″ image=”http://themes.pixelwars.org/empathy/wp-content/uploads/2015/07/marker.png”%5D

    I only changed latitude and longitude.

    ighanizada
    Participant

    I’m also having this issue.

    serkan
    Moderator

    Hi,
    It is not an error message, it is warning message and doesn’t effect the website function. The map is still working fine. I will check what can we do for this warning. Thanks for the feedback.

    ighanizada
    Participant

    It is an error message for me, as the map does not load on my production site. The map appears to load on my staging site, but when I transfer it to production it says “the page did not load google maps correctly” and that is the error I see in Developer view.

    alialacan
    Participant

    My map is not working at all. So its not fine. Map leaves its place to an error message after load.

    serkan
    Moderator

    I forwarded this topic to our developer. He will contact you soon. Thanks for your patience.

    jbjorge
    Participant

    I am also having the same issue where an error message appears.

    ighanizada
    Participant

    Any update to this?

    serkan
    Moderator

    Hi, Could you provide me your related URLs please?
    Thanks

    ighanizada
    Participant

    What is your email so I can send you?

    Thanks!

    serkan
    Moderator

    Hi ighanizada,
    You can use our contact form if you don’t want to share your url here.
    Please add this topic url as well..
    Thanks

    jbjorge
    Participant

    I also sent my information via a contact form. Thank you.

    serkan
    Moderator

    Hi jbjorge,
    Your website is not online yet. Let me know when it is online. Thanks

    jbjorge
    Participant

    Sorry about that, it is live now.

    alialacan
    Participant

    I reached you guys from contact form but didnt get any answer. My web site is alialacan.com. You can check contact section to see error message.

    ahmetsali
    Keymaster

    Hi guys, this is really awkward, can you disable all of your plugins and check again.

    ahmetsali
    Keymaster

    @alialacan

    your map shortcode attributes are not wrapped with right quote characters, here is the fixed state;

    [map latitude="38.019431" longitude="32.526506" zoom="5" image="http://themes.pixelwars.org/empathy/wp-content/uploads/2015/07/marker.png"]
    

    to others having the same issue please check your map shortcode for syntax errors.

    ighanizada
    Participant

    I tried deactivating plugins, same issue. My map shortcodes are correct, the code is correct as it works fine in staging.

    serkan
    Moderator

    Hi ighanizada,
    We will check the api settings again and will let you know when I find a solution.
    Thanks for your patience.

    jbjorge
    Participant

    I tried deactivating plugins, and checking my map shortcode. Still doesn’t work.

    alialacan
    Participant

    @ahmetsali

    i tried that shortcode too but still getting api key error. You can check here:
    http://alialacan.com/#/contact
    Activate / Deactivate plugins does not works either.

    serkan
    Moderator

    Hi alialacan,
    Sorry for the delay. We don’t have any issue with our demo. When we find a solution for this issue, we will let you know asap. Thanks for your patience.

    ahmetsali
    Keymaster

    Hi all, i have just detected the issue, Google’s recent announcement;

    Usage of the Google Maps APIs now requires a key.
    If you are using the Google Maps API on localhost or your domain was not active prior to June 22nd, 2016, it will require a key going forward. To fix this problem, please see the Google Maps APIs documentation to get a key and add it to your application:
    

    we will add the api key support to the map with the next update, that should solve your problem. Thanks for the feedback.

    Mehmet S.
    Keymaster

    New version is available.

    ighanizada
    Participant

    The update did not fix the issue.

    serkan
    Moderator

    Please go to appearance > theme options > general > Google Map Api Key
    https://developers.google.com/maps/documentation/javascript/get-api-key
    Write your api key and save it.
    Thanks

    ighanizada
    Participant

    I’ve created a Javascript browser api key, uploaded to my site, followed all instructions and reset caches. It appears that I am still having the issue.

    serkan
    Moderator

    Hi ighanizada,
    Could you provide me your related url, please?
    Thanks

    alialacan
    Participant

    I created api key and used it but still getting invalid key error. I went to console and noticed something. There is a “http://” word before my key in js file. its like : http://xxxxxxxapikeyxxxxxxx. I think thats the problem because there is a label that shows “js?key=http://xxxxxxxxmyapikeyxxxxxx.

    note: no i did not write http:// before my api key when i type it to textbox under appearance > theme options > general > Google Map Api Key

    if its not the problem and it should be like that then i wonder what is wrong with my google map. i used wordpress theme for quick and easy use of it.

    Realted url is : http://alialacan.com/#/contact

    Here referrers of my api key: (i tried every combinations of it one by one)

    alialacan.com
    alialacan.com/*
    http://www.alialacan.com
    http://www.alialacan.com/*
    *.alialacan.com
    *.alialacan.com/*
    http://alialacan.com/#/contact
    alialacan.com/#/*
    alialacan.com/#/contact

    Edit: I looked up https://developers.google.com/maps/documentation/javascript/get-api-key here and saw this example :

    <script async defer src=”https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap&#8221;
    type=”text/javascript”></script>

    As you can see there is no “http://&#8221; before “YOUR_API_KEY”

    Sorry for long post and bad English.

    ahmetsali
    Keymaster

    @alialacan

    we will fix it immediately, thanks for your feedback.

    ighanizada
    Participant

    Fixed!

    Thank you.

    serkan
    Moderator

    Awesome, good luck.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register