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

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

  • エックスサーバー
    半額キャッシュバックで月額費用が実質693円&ドメイン永久無料 - 2023年10月2日(月)12:00まで
  • ConoHa WING
    WINGパック36ヶ月で月額678円 53%OFF - 2023年10月3日(火)16:00まで
  • カラフルボックス
    .jp取り扱いスタート。BOX2以上の月額費用が25%OFFのクーポンコード「SERVER25

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