web-dev-qa-db-fra.com

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

J'utilise actuellement react-google-map pour que Google Map s'exécute dans mon projet React _, voici mon composant 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 (

    <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 ce que dit react-google-map DOC, rien d’aussi luxueux ici!

Hier, je commençais tout juste à créer une carte et, comme d’habitude, je me suis procuré une clé sur ma console Google, puis je l’ai mise dans la section MY_KEY_HERE du lien, et cela a fonctionné jusqu’à ce matin.

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

Ne pas:

Vous avez dépassé votre quota de requêtes quotidiennes pour cette API.

comme ci-dessous:

enter image description here

J'ai cherché sur Google et j'ai trouvé this et this et this et beaucoup d'autres, mais je n'ai pu trouver aucune réponse appropriée à ce problème.

Qu'est-ce que j'ai essayé?

  1. J'ai créé quelques autres clés dans ma console pour résoudre ce problème, mais le problème n'est toujours pas résolu. J'ai le même erreur You have exceeded your request quota for this API.
  2. J'ai utilisé un autre de mes comptes sur Google pour résoudre ce problème et je viens de me connecter et je suis allé à la console de console et à nouveau généré une clé, mais je reçois toujours cette erreur?
  3. même en l'essayant dans codeSandBox.io, j'ai toujours la même erreur

Je suis vraiment confus à propos de ce problème, comment dois-je le résoudre?

javascriptreactjsgoogle-mapsgoogle-maps-api-3
35
a_m_dev

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

"Ce projet n'a pas de compte de facturation. Vous devrez ajouter des informations de facturation pour que ce projet continue à utiliser la plate-forme Google Maps. Les premiers 200 $ d'utilisation mensuelle sont gratuits. Vous ne payez que ce que vous utilisez. Vous pouvez consulter les tarifs et accédez à vos dépenses à tout moment dans votre console Google Cloud Platform, où vous pouvez également définir des quotas quotidiens pour vous protéger contre les augmentations imprévues. Vous pouvez également définir des alertes de facturation pour recevoir des notifications par e-mail lorsque les frais atteignent un seuil prédéfini que vous avez déterminé. "

Il listera tous vos projets avec Google Maps et vous indiquera "Ajouter une facturation" si le statut du projet n’est pas "en bon état".

27
Víctor

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

Sans compte de facturation par défaut, une bonne carte API ne permet qu'une charge de carte par clé et par jour.

See the error when I try to increase the quota

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

  1. Accédez à la console Google Cloud Platform.
  2. Activer le compte de facturation pour votre projet.
  3. Sélectionnez le projet contenant l'API que vous souhaitez réviser.
  4. Dans la liste des API du tableau de bord, cliquez sur le nom de l'API.
  5. En haut de la page, cliquez sur Quotas ou Utilisation et définissez la limite en fonction de votre utilisation.
17
Akarsh Vijayan