ERROR: error de API de Google Maps: MissingKeyMapError


137

El siguiente error de JavaScript apareció de repente:

Error de API de Google Maps: error de API de Google Maps: MissingKeyMapError


¿Incluyes una clave en tu API?
geocodezip

Una cosa que necesito agregar es que, además de la clave de la API, necesitaremos "Habilitar" la API específica que estamos usando, también en la consola de Google
Binod Kalathil

Respuestas:


123

Si. Ahora Google quiere una clave API para autenticar a los usuarios para acceder a sus API ' .

Puede obtener la clave API desde el siguiente enlace. Vaya a través del enlace y necesita ingresar a un proyecto, etc. Pero es facil. Sin complicaciones.

https://developers.google.com/maps/documentation/javascript/get-api-key

Una vez que obtenga la clave API, cambie la anterior

<script src="https://maps.googleapis.com/maps/api/js"></script>

a

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=your_api_key_here"></script>

Ahora su mapa de google está en acción. En caso de que se pregunte si desea obtener la longitud y la latitud para ingresar a Maps. Simplemente ancle la ubicación que desea y verifique la URL del navegador. Puede ver los valores de longitud y latitud allí. Simplemente copie esos valores y péguelo de la siguiente manera.

new google.maps.LatLng(longitude ,latitude )

1
Me ayuda mucho
Siddiqui Noor

78

Según el reciente anuncio de Google , el uso de las API de Google Maps ahora requiere una clave. Si está utilizando la API de Google Maps en localhost o su dominio no estaba activo antes del 22 de junio de 2016, requerirá una clave en el futuro. Consulte la documentación de las API de Google Maps para obtener una clave y agregarla a su aplicación.


20

Todas las aplicaciones API de JavaScript de Google Maps requieren autenticación (API KEY)

  1. Vaya a https://developers.google.com/maps/documentation/javascript/get-api-key .
  2. Inicie sesión con la cuenta de Google
  3. Haga clic en Obtener un botón clave 3 Seleccione o cree un proyecto
  4. Haga clic en Habilitar API (API de Google Maps)
  5. Copie su clave API en su proyecto: <script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=(Paste YOUR API KEY)"></script>

funciona como un encanto, pero ¿necesito ocultar la clave de la API ? ¿Su enfoque va a ser seguro?
Kick Buttowski

@KickButtowski debe restringir su clave mediante referencias HTTP u otra forma
Ero

1

Actualice django- fotografía al menos a la versión 0.2.3 y agréguelo a settings.py:

GEOPOSITION_GOOGLE_MAPS_API_KEY = 'YOUR_API_KEY'

1

El mismo problema al que me enfrentaba hace un par de meses y eso se debe a que el final del uso gratuito de mapas de Google entró en vigencia desde el 11 de junio de 2018. Google ahora no proporciona mapas de Google gratuitos. Debes tener una clave API válida y una facturación válida, lo que puede darte 200 $ de uso gratuito.

Consulte el enlace para obtener más detalles: precios del mapa de Google

Siga el proceso aquí para obtener su clave de API.

Si está dispuesto a usar solo mapas con usuarios específicos, puede probar otras herramientas de mapas.


0

Al elemento de script que carga la API le falta el parámetro de autenticación requerido. Si está utilizando la API JavaScript estándar de Maps, debe usar un parámetro clave con una clave API válida. Si es cliente del Plan Premium, debe usar un parámetro de cliente con su ID de cliente o un parámetro clave con una clave API válida.

Consulte la guía de claves API e ID de clientes .


Copiar el texto directamente de la documentación a la que hace referencia el mensaje de error no es útil en absoluto.
pvgoran

de acuerdo con @pvgoran. no solo pegue un enlace, muestre la información relevante del enlace y simplemente utilícelo como referencia al texto completo si el interlocutor desea obtener más información
Ero

0

debe crear un proyecto y recopilar la clave de esta manera:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en&key=()"></script>
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.