Google Maps API 地図(マップ)が表示されない 解決
Google Cloud PlatformのサイトからGoogle Maps APIのAPIキーを作成後、htmlでGoogle Mapを表示させようとましたが、「このページでは Google マップの要素を表示できませんでした。」とポップアップメッセージが出てエラーとなる。
まず、これだけではどんなエラーなのか、分かりません。
1.使用してるブラウザ(IE,Firefox,Chrome)でF12キーを押して、デバッガを起動します。(ここでは、IEをベースに話します)
2.コンソールをクリックし、htmlを更新します。
Google Maps API error: InvalidKeyMapError、ApiNotActivatedMapError
などが表示されていると思います。
InvalidKeyMapErrorの場合は、APIキーのスペルを間違えている、キーの両端にスペースが入っている、キーの両側をかっこで括っているなどが考えられます。
ApiNotActivatedMapError
の場合は、APIキーが有効になっていないか、APIキーの種別を間違えているので、もう一度、APIlキーの認証画面で、APIがGoogle Maps JavaScript API(ブラウザ用)となっているか、APIキーの有効/無効の確認をしましょう。
エラーの詳細は、
から。
今日もがじがじっと~♪