メモ > 技術 > サービス: Google > Google Maps
■Google Maps
■Google Maps API を使う
【2018年度版】Google Maps の APIキー を簡単に取得する - ねんでぶろぐ
https://nendeb.com/276
※2018年7月16日から、APIキーの取得にはクレジットカードの登録が必須になっているので注意
既存プロジェクトがある場合も、上の手順中でプロジェクトを選択すれば大丈夫だった
Google Maps ApiからGoogle Maps Platformへの移行方法〜無料プランでもクレジットカードの登録が必須に
https://www.beginnerweb.net/googlemapplatform.html
価格とプラン | Google Maps Platform | Google Cloud | Google Maps Platform | Google Cloud
https://cloud.google.com/maps-platform/pricing/
単に地図を表示するだけなら、iframeでの埋め込みで十分(2018年7月16日からの課金は無いみたい)
他のユーザーとマップやルートを共有する - パソコン - マップ ヘルプ
https://support.google.com/maps/answer/144361
WebサイトにGoogle マップを表示しよう!Google Maps APIの始め方 | 株式会社グランフェアズ
https://www.granfairs.com/blog/staff/google-maps-api-01
【Google Maps JavaScript API v3】すべてのマーカーを地図の中に収める【LatLngBounds】 - Qiita
https://qiita.com/mo49/items/61c7aa15591a2a8ca260
Googleマップのホームページ埋め込み!ルート付き・複数店舗同時表示もできる | Googleストリートビュー認定フォトグラファー コールフォース株式会社のブログ
https://c-force-streetviewer.com/blogs/googlemap-hp-umekomi/
Google APIメモ | refirio.org
http://refirio.org/page/memo/google
■IE11のサポート終了
Googleマップを埋め込んだページにIEで以下にアクセスすると、
「Google Maps JavaScript API でサポートされていないブラウザを使用しています。ブラウザの変更をご検討ください。 詳細 表示しない」
とマップ上に警告が表示される
「詳細」をクリックすると以下のページが表示される
https://developers.google.com/maps/documentation/javascript/error-messages#unsupported-browsers
以下が公式の説明
Googleマップに関係なく、IE11自体のサポートが2022年6月に終了するため、素直にEDGEなど他のブラウザを使うように案内する必要がある
Google Maps Platform に関するよくある質問 | Google Developers
https://developers.google.com/maps/faq?hl=ja#browsersupport
2021 年 8 月より、Internet Explorer 11 のユーザーに対して地図の上部に警告メッセージが表示されます。
Internet Explorer 11 をサポートする Maps JavaScript API の最後のバージョンは v3.47 です。
Internet Explorer 11 のサポートは 2022 年 8 月に完全に終了します。
これは、Edge の IE モードにも当てはまります。
■マップへの課金
2020年6月現在、過去に組み込んだマップが急に表示されなくなった
APIキーは埋め込んである。開発者ツールで確認すると以下が表示されている
You must enable Billing on the Google Cloud Project at https://console.cloud.google.com/project/_/billing/enable Learn more at https://developers.google.com/maps/gmp-get-started
・12ヶ月もしくは300ドルを超えると有料となるみたい?
・上記リンク先から課金画面へ遷移できるみたい
・放置しておくとキーの再発行から必要みたい
・これまでは無料プランでカードを登録していたが、これからは有料プランになるみたい
・課金はプロジェクトごとになるみたい
・費用など改めて確認しておきたい
Google Maps Platform の料金 | Google Developers
https://developers.google.com/maps/billing/gmp-billing?hl=ja
Google Cloud の無料枠 | Google Cloud Platform の無料枠
https://cloud.google.com/free/docs/gcp-free-tier?hl=ja
課金の手続きが完了していないと、突然以下のような表示に変わるみたい。
GoogleMapでFor development purposes onlyと表示された際の対策 | 己で解決!泣かぬなら己で鳴こうホトトギス
https://onoredekaiketsu.com/for-development-purposes-only-is-displayed-on-google-map/
突然のアクセス増加や不正アクセスにより、課金額が跳ね上がる可能性がある
以下などを参考に、不正利用対策と課金アラートを設定しておく
Google Maps Platformの料金上限を設定する方法 - doudemo.info
https://doudemo.info/google-maps-platform%E3%81%AE%E6%96%99%E9%87%91%E4%B8%8A%E9%99%90%E3%82%92%E8%A...
【要確認】Google Maps Platform APIキーの取得方法と注意点 | ワードプレステーマTCD
https://tcd-theme.com/2018/08/google-maps-platform-api.html
google-maps-api-3 - IPアドレスによるGoogleマップのキー制限が機能しない
https://www.it-mure.jp.net/ja/google-maps-api-3/ip%E3%82%A2%E3%83%89%E3%83%AC%E3%82%B9%E3%81%AB%E3%8...
以下でIPアドレスでの制限について「指定したウェブサーバーの IP アドレスのリストからのリクエストを受け入れます。」となっている
Webサーバが複数台構成の環境なら、WebサーバのIPアドレスをすべて登録すれば良さそう
API キーに関するベスト プラクティス | Google Maps Platform | Google Developers
https://developers.google.com/maps/api-key-best-practices?hl=ja