Google Maps JavaScript API error: MissingKeyMapError

Clara Gaudry commented on Jul 16, 2018

Hi,

I'm trying to display a map but i've a javascript issue.

Google Maps JavaScript API error: MissingKeyMapError
Google Maps JavaScript API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
Google Maps JavaScript API warning: InvalidKey https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key

I'm wondering how can I fix it.

Thanks

David Winterburn commented on Jul 16, 2018

Hi Clara,

Recently Google requires users generate a map api keys to display map or geochart. Please go to this page to create an API key: https://developers.google.com/maps/documentation/javascript/get-api-key

Then download our latest KoolReport and use the following command:

<?php
GeoChart::create(array(
    "dataStore"=>$myDatastore,
    "mapsApiKey" => $myMapAPIKey,
    ...

Let us know if you need any further help. Thanks!

AmyIness commented on Aug 7, 2018

Hello there, The post may be a little bit outdated, but the information might be helpful for other users struggling with MissingKeyMapError. If you are using Google Maps API on localhost, then you have to know that the Google Maps has changed the politics at 2016 and it requires since then a special API key which you can generate by registering on the Google platform. You can simply check how to do it by this guide. If that wouldn't help you, then at this tutorial, you will find other answers to the most common Google Maps problems like a NoApiKeys and InvalidKey errors.

KoolReport's Forum

Google Maps JavaScript API error: MissingKeyMapError #374

Build Your Excellent Data Report