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
ウェブサイト用途でしたら、他にも以下は有効して良いと思います。
- Google Static Maps API
- Google Maps Directions API
- Google Maps Geocoding API
- Google Maps Elevation API
参考：必要なAPI(公式)
API Picker | Google Maps API | Google Developers
以上、参考になれば幸いです。
