【GoogleMap】APIキーを設定したのに、地図が表示されない

スポンサーリンク

APIキーは以下のように問題なく設定されている。
<script async defer src=”//maps.googleapis.com/maps/api/js?key=[API KEY]”></script>

「キーの制限」で、HTTPリファラーなども正確に設定されている。そもそも制限なしにしても表示されない。

なのに地図が一瞬表示されて、エラーになってしまう。

ググったけど出てこなかったので、残しておきます。

原因・設定

自分の場合は「Google Maps JavaScript API」が有効になっていなかったのが原因でした。

「API Manager」の「ライブラリ」から、以下を有効にします。

『Google Maps JavaScript API』

API Manager:https://console.developers.google.com/apis

GoogleMap API

ウェブサイト用途でしたら、他にも以下は有効して良いと思います。

  • Google Static Maps API
  • Google Maps Directions API
  • Google Maps Geocoding API
  • Google Maps Elevation API

 

参考:必要なAPI(公式)
API Picker  |  Google Maps API  |  Google Developers

 

以上、参考になれば幸いです。

ABOUTこの記事をかいた人

dsuga

20代中頃まで、音楽をやりながらプラプラ。ドラム。
司法書士試験の勉強を1年強するも、落ちたのでとりあえずシステム会社に就職する。
仕事では主にWEBサイトの制作に携わり、ディレクター・デザイン・コーディング・プログラムはひと通りやった。
最近ではアプリ開発も行う。
次をどうしようか考えてる。
独立しました。

残飯処理担当。
出されたものは残さないがモットー。

TwitterやFacebookの申請大歓迎です。