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

Google Maps API warning: NoApiKeys の対処法

Google Maps API warning: NoApiKeys の対処法

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]が以前は必須だったけれど、必須で無くなったということですね。
こちらは削除して完了です。
エラーが出ていてもマップは表示されているので、コンソールを見て初めて気づいた。。。って感じでした。

今月キャンペーン特典があるサービス

  • ConoHa WING
    WINGパック36ヶ月で月額652円 55%OFF - 2023年3月31日(金)16:00まで
  • エックスサーバー
    月額費用が最大30%オフの693円&ドメイン永久無料、さらに移転代行も0円中 - 2023年4月21日(金)12:00まで
  • Xserverビジネス
    12ヶ月以上契約で初期費用無料、3ヶ月・6ヶ月で初期費用半額 - 2023年4月4日(火)12:00まで
  • カラフルボックス
    .jp取り扱いスタート。BOX2以上の月額費用が25%OFFのクーポンコード「SERVER25

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