The key provided is not a valid Google API Key

by

I have the similar problem as you today and I think I solved it.

First I am assuming that you have a google map api key already. I think what you need to do is to to go API Console – Google Code and click on API access on the left. You can see your api key and just below the key, Referers: shows your allowed referers. What you need to do is click Edit allowed referers... and then add

localhost/*

to allowed referers.

I am using a MAMP to host my html, and I monitor the request my browser sent to google for api and I get this header:enter image description here

showing Referer as localhost/*

It takes several minutes for Google to process after you changed your Referer but it works fine for me afterwords.

More Related Contents:

  1. Google Maps API 3 – Custom marker color for default (dot) marker
  2. close InfoWindow before open another
  3. How to to Get Places (e.g Gas Stations) along Route Between Origin and Destination in Google Maps API
  4. Using Icon Fonts as Markers in Google Maps V3
  5. Google Maps single country boundary [closed]
  6. Google Places API – REQUEST_DENIED
  7. Retrieve latitude and longitude of a draggable pin via Google Maps API V3
  8. Change marker size in Google maps V3
  9. Trigger event with infoWindow or InfoBox on click Google Map API V3
  10. Google has started highlighting search areas in Pink color. Is this feature available in Google Maps API 3?
  11. How to get a click event when a user clicks a (business) place on the map
  12. ‘item.geometry.location.kb’ and ‘item.geometry.location.jb’ returning undefined
  13. click event listener on styled map icons and labels
  14. disable clickable landmark on google map
  15. Leaflet Map API with Google Satellite Layer [duplicate]
  16. Correct redirect URI for Google API and OAuth 2.0
  17. To get more than 5 reviews from google places API
  18. Highlighting borders of state and cities of US in Google Map API 3
  19. Directions API overview_polyline doesn’t have correct points
  20. Sending a details request to Google Places API – (CORS error) [duplicate]
  21. How to limit google autocomplete results to City and Country only
  22. How to offset the center point in Google maps api V3
  23. Google Maps API autocomplete 2nd address fields on same page
  24. Google Maps v3: check if point exists in polygon
  25. XMLHttpRequest cannot load No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:3000’ Google maps
  26. Google Maps API v3: How do I dynamically change the marker icon?
  27. How to fix Uncaught InvalidValueError: setPosition: not a LatLng or LatLngLiteral: in property lat: not a number?
  28. Change map opacity outside circle of Google Maps JavaScript API v3
  29. Is it possible to write custom text on Google Maps API v3?
  30. GoogleMaps v3 API Create only 1 marker on click

Leave a Comment