JavaScript

Javascript

Google Map APIでAPIキーの発行が必須に!!

久しぶりにGoogle Maps APIを利用した案件の対応を行ったんですが、

いつも通りにコードを書いて確認すると、

このページでは Google マップが正しく読み込まれませんでした。
JavaScript コンソールで技術情報をご確認ください。

というエラーが出てしまいます。
GoogleMap API エラー

どうも、APIキーの取得が必須になってしまったようです。
※以前からAPIキーの発行は推奨されていたので、
 その辺はきちんとしておくべした。。。

なので、

「Google API Console」からAPIキーを発行して、

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true"></script>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true&key=発行したAPIキー"></script>

に変更すれば、

OKなはずです!!

WordPress短期学習プログラム

関連記事

  1. JavaScript

    Javascript

    写真の右クリックコピーを禁止!!

    弊社は不動産会社様にホームページを提供する機会が多いのですが、その…

  2. JavaScript

    Javascript

    flatpickr【デートピッカー用ライブラリ】

    flatpickrについて先日、という日付け選択用のデート…

  3. JavaScript

    Javascript

    「jQuery ui Datepicker」の基本的な使い方

    先日フォームの作成依頼があった際に、日付欄はユーザーに直接…

  4. JavaScript

    Javascript

    IE10でLightboxが。。。

    自作の画像ギャラリーが動作しなくなったと報告がありました。&nbs…

  5. JavaScript

    Javascript

    Geolocation APIで位置情報を取得して、Yahoo!地図を表示

    Geolocation APIを使って位置情報を取得して、Yaho…

  6. JavaScript

    Javascript

    Yahoo!地図のWeb APIを使ってみました!!

    弊社では今までGoogleMapしか使ってこなかったのですが、使用…

最近の記事

  1. CakePHP
  2. PHP(ピー・エイチ・ピー)
  3. PHP(ピー・エイチ・ピー)
  4. PHP(ピー・エイチ・ピー)
  5. WP:WordPress(ワードプレス)
  6. WP:WordPress(ワードプレス)
  7. WP:WordPress(ワードプレス)
  8. Security(セキュリティ)
  9. WP:WordPress(ワードプレス)
  10. WP:WordPress(ワードプレス)
PAGE TOP