“Ha superado su cuota de solicitud para esta API” en el Mapa de Google

Actualmente estoy usando react-google-map para hacer que Google Map se ejecute en mi proyecto React, aquí está mi componente de Map:

 import React from 'react' import { compose, withProps, lifecycle } from 'recompose' import { withScriptjs, withGoogleMap, GoogleMap } from 'react-google-maps' import MapStyle from '../../../api/mapStyle' const Map = ({ children }) => { return (  {children}  ) } export default compose( withProps({ googleMapURL: "https://maps.googleapis.com/maps/api/js?key=MY_KEY_HERE", loadingElement: 
, containerElement:
, mapElement:
}), withScriptjs, withGoogleMap, )(Map)

Como se puede ver, esto es lo que dice el DOC react-google-map , ¡nada tan sofisticado aquí!

Ayer comencé a crear un mapa, y como de costumbre, fui a mi consola de Google y obtuve una llave, luego la puse en la sección MY_KEY_HERE del enlace, y funcionó bien hasta esta mañana, hoy estoy luchando con:

Has superado tu cuota de solicitud para esta API

No:

Has superado tu cuota de solicitud diaria para esta API

como a continuación:

introduzca la descripción de la imagen aquí

Busqué en Google y encontré esto y esto y esto y muchos otros muchos, pero no pude encontrar ninguna respuesta adecuada a este problema.

¿Qué intenté?

  1. Creé un par de otras claves en mi consola para eliminar este problema, pero no se resolvió, obtuve el mismo. You have exceeded your request quota for this API error de You have exceeded your request quota for this API
  2. Utilicé otra cuenta mía en Google para resolver este problema y acabo de iniciar sesión y fui a la plataforma de la consola y de nuevo generé una clave, ¿pero aún obtengo ese error?
  3. Incluso al intentarlo en codeSandBox.io, todavía tengo el mismo error

Estoy realmente confundido acerca de este problema, ¿cómo debo resolverlo?

2 Solutions collect form web for ““Ha superado su cuota de solicitud para esta API” en el Mapa de Google”

¿Podría ser por el nuevo sistema de facturación?

“Este proyecto no tiene una cuenta de facturación. Necesitará agregar información de facturación para que este proyecto continúe usando la plataforma de Google Maps. Los primeros $ 200 de uso mensual son gratuitos. Usted solo paga por lo que usa. Puede revisar las tarifas y acceda a sus gastos en cualquier momento en su consola de Google Cloud Platform, donde también puede establecer cuotas diarias para protegerse contra aumentos inesperados. También puede configurar alertas de facturación para recibir notificaciones por correo electrónico cuando los cargos scopen un umbral preestablecido determinado por usted “.

Compruebe si su proyecto tiene una cuenta de facturación asociada a él. Puede utilizar esta herramienta de Google: https://mapsplatformtransition.withgoogle.com/

Mostrará una lista de todos sus proyectos con Google Maps y le indicará que “Agregar facturación” si el estado del proyecto no está “en buena forma”.

El problema es porque no has creado la cuenta de facturación para tu proyecto.

Sin cuenta de facturación, por defecto, la API de buenos mapas solo permitirá una carga de mapas por clave por día.

Ver el error cuando intento aumentar la cuota.

Puedes seguir estos pasos para resolver el problema:

  1. Vaya a la consola de Google Cloud Platform.
  2. Habilitar cuenta de facturación para su proyecto.
  3. Seleccione el proyecto que contiene la API que desea revisar.
  4. En la lista de API en el Panel, haga clic en el nombre de la API.
  5. Cerca de la parte superior de la página, haga clic en Cuotas o Uso y establezca el límite de acuerdo con su uso.
  • Diferencia de .bind () a function de flecha () => uso en React
  • Llamar a setState en un bucle solo actualiza el estado 1 vez
  • React Router v4 Redirect no funciona
  • Componente animado cuando el estado cambia en React.js
  • ¿Cuáles son los pros y los contras de utilizar Rails asset Pipeline vs. Webpack para mantener los activos?
  • Cómo mostrar diferentes lists de elementos onclick en una categoría
  • Detectar clic fuera del componente Reaccionar
  • React + Backbone, el contenedor de destino no es un elemento DOM
  • Renderizar nuevo elemento onClick en react.js
  • Propagación del evento con React burbujeando fuera de service
  • ¿Se puede utilizar AnyChart la versión HTML con React?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.