web-dev-qa-db-ja.com

Googleマップの「このAPIのリクエストクォータを超えました」

私は現在ReactプロジェクトでGoogleマップを実行するためにreact-google-mapを使用しています。これが私の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)

ご覧のとおり、これはreact-google-map DOCが言っているとおりです。

昨日、地図の作成を始めたばかりで、通常どおりGoogleコンソールにアクセスしてキーを取得し、それをリンクのMY_KEY_HEREセクションに配置しましたが、今日の朝まで問題なく動作し、今日は苦労しています：

このAPIのリクエストクォータを超えました

しない：

このAPIの1日のリクエストクォータを超えました

以下のように：

enter image description here

Googleを検索して、 this と this と this と他の多くのものを見つけましたが、この問題に対する適切な答えを見つけることができませんでした。

私は何を試しましたか？

  1. この問題を解決するためにコンソールに他のキーをいくつか作成しましたが、解決されず、同じYou have exceeded your request quota for this APIエラーが発生しました
  2. Googleで別のアカウントを使用してこの問題を解決し、ログインしてコンソールプラットフォームにアクセスし、キーを再度生成しましたが、それでもエラーが発生しますか？
  3. codeSandBox.ioで試しても、同じエラーが発生します

この問題について本当に混乱しています。どうすれば解決できますか？

javascriptreactjsgoogle-mapsgoogle-maps-api-3
35
a_m_dev

プロジェクトに請求先アカウントが関連付けられているかどうかを確認してください。次のGoogleツールを使用できます。 https://mapsplatformtransition.withgoogle.com/

「このプロジェクトには請求アカウントがありません。GoogleMaps Platformを引き続き使用するには、このプロジェクトの請求情報を追加する必要があります。最初の$ 200の月額使用料は無料です。 Google Cloud Platform Consoleでいつでも支出にアクセスできます。また、予想外の増加から保護するために1日の割り当てを設定することもできます。また、請求アラートを設定して、請求額を設定できます。

Googleマップを使用してすべてのプロジェクトを一覧表示し、プロジェクトのステータスが「良好な状態」でない場合は「請求を追加」と表示します。

27
Víctor

問題は、プロジェクトの請求先アカウントを作成していないためです。

課金アカウントがない場合、デフォルトでは、良好なマップAPIは1日につきキーごとに1つのマップのロードのみを許可します。

See the error when I try to increase the quota

次の手順に従って問題を解決できます。

  1. Google Cloud Platform Consoleにアクセスします。
  2. プロジェクトの請求先アカウントを有効にします。
  3. レビューするAPIを含むプロジェクトを選択します。
  4. ダッシュボードのAPIのリストから、APIの名前をクリックします。
  5. ページの上部にある[クォータ]または[使用状況]をクリックし、使用状況に応じて制限を設定します。
17
Akarsh Vijayan