WEB Tips デザイン・コーディング

Google Maps API warning: NoApiKeys の対処法

2016-04-26

本記事にはプロモーションが含まれています。

Google Maps API warning: NoApiKeys の対処法

ソラミ♪

Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営|2008年からGmail使用中|WordPress制作10年以上|15社以上のレンタルサーバー利用経験|100件以上のドメイン取得運用|サイト・ドメイン移転多数 »  もっとくわしく

Google Maps JavaScript API v3からAPIキーが不要というのを聞いていたので
特に取得せずに使っていたら、コンソールでこんなエラーが

Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

Apikeyがないって怒られているようです。
やっぱり必要なのか!?
デベロッパーサイトでAPIkeyを発行します。
https://developers.google.com/maps/documentation/javascript/get-api-key
APIkeyを発行したら、keyを引数に追加

<script src="https://maps.googleapis.com/maps/api/js?key=取得したAPIKEY" type="text/javascript"></script>

 
これ以外にもこんなエラーが

Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required

Sensorが必須では無くなったということらしいです。
Google Maps APIを読み込んでいるスクリプトに引数[?sensor=true/false]が以前は必須だったけれど、必須で無くなったということですね。
こちらは削除して完了です。
エラーが出ていてもマップは表示されているので、コンソールを見て初めて気づいた。。。って感じでした。

  • この記事を書いた人
  • 最新記事

ソラミ♪

Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営|2008年からGmail使用中|WordPress制作10年以上|15社以上のレンタルサーバー利用経験|100件以上のドメイン取得運用|サイト・ドメイン移転多数 »  もっとくわしく

-WEB Tips, デザイン・コーディング
-