【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

 

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