"Vous avez dépassé votre quota de demandes pour cette API" dans Google Map

Question

Je suis actuellement en utilisant react-google-map pour l'obtention de la Carte de Google pour exécuter dans mon Réagir projet, voici ma Carte de composant:

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 (

    <GoogleMap
      defaultZoom={15}
      defaultCenter={{ lat: 35.6840299, lng: 51.3861187 }}
    >
      {children}
    </GoogleMap>
  )
}

export default compose(
  withProps({
    googleMapURL: "https://maps.googleapis.com/maps/api/js?key=MY_KEY_HERE",
    loadingElement: <div style={{ height: `100%` }} />,
    containerElement: <div className='map' style={{ height: `100vh` }} />,
    mapElement: <div style={{ height: `100%` }} />
  }),
  withScriptjs,
  withGoogleMap,
)(Map)

Comme vous pouvez le voir c'est que ce react-google-map DOC a dit , rien de fantaisie ici!

Hier, j'ai juste commencé la construction de la carte, et en tant normal je suis allé à mon Google console et obtenu une clé, puis je l'ai mis sur MY_KEY_HERE de la section de lien , et il a bien fonctionné jusqu'à ce matin, aujourd'hui j'ai du mal avec:

Vous avez dépassé votre demande de quota pour cette API

Pas:

Vous avez dépassé votre quotidien de demande de quota pour cette API

comme ci-dessous:

J'ai cherché sur Google et j'ai trouvé ceci et cela et cela et beaucoup beaucoup d'autres, mais je ne pouvais trouver aucune réponse adéquate à ce problème.

Qu'ai-je essayer?

1. J'ai créé un couple de d'autres touches dans ma console pour supprimer ce problème , mais il n'est pas résolu, j'ai eu le même You have exceeded your request quota for this API d'erreur
2. J'ai utilisé un autre compte de mine sur Google pour résoudre ce problème et je viens de connecté et est allé à la console de plate-forme et de nouveau généré une clé, mais j'ai toujours cette erreur?
3. même en l'essayant dans codeSandBox.oi, j'ai toujours le même message d'erreur

Je suis vraiment confus au sujet de ce problème, comment le résoudre?

Answer 1

Vérifiez si votre projet a un compte de facturation associée. Vous pouvez utiliser cet outil de Google: https://mapsplatformtransition.withgoogle.com/

"Ce projet ne possède pas de compte de facturation. Vous aurez besoin d'ajouter les informations de facturation pour ce projet afin de continuer à utiliser Google Maps La plate-forme. La première tranche de 200 $de l'utilisation mensuelle est gratuit. Vous ne payez que pour ce que vous utilisez. Vous pouvez consulter les tarifs et l'accès de vos dépenses tout moment dans votre Google Cloud Platform Console, où vous pouvez également définir quotidien les quotas pour protéger contre la hausse inattendue. Vous pouvez également définir la facturation des alertes pour recevoir des notifications par courriel lorsque les frais de parvenir à un seuil prédéfini déterminé par vous."

C'est la liste de tous vos projets à l'aide de Google Maps et vous dire à "Ajouter de Facturation" si le projet de statut n'est pas "en bonne forme".

Answer 2

Le problème est que vous n'avez pas créé le compte de facturation pour votre projet.

Sans compte de facturation par défaut de bonnes maps API permettra à seulement 1 chargement de carte pour clé par jour.

Vous pouvez suivre ces étapes pour résoudre le problème :

1. Accédez à Google Cloud Plate-forme de la Console.
2. Activer le compte de facturation pour votre projet.
3. Sélectionnez le projet contenant l'API que vous voulez examiner.
4. À partir de la liste des Api sur le tableau de bord, cliquez sur le nom de l'API.
5. Près de la partie supérieure de la page, cliquez sur les Quotas ou de l'Utilisation et de définir la limite en fonction de votre utilisation.