クリエイターの教科書

Excel, ChatGPT, Stable Diffusion, Visual Studioなどの教科書

【Google Maps】APIで埋め込みサンプルのメモ

簡単にできるかなと思ったら1時間ぐらいかかってしまいました。

 

準備

まずグーグルコンソールで、「Maps JavaScript API」を利用可能にします。

 

APIキーを取得します。グーグルマップJavascriptのAPIはキーが丸見えなので、必ず新規キーとし、ドメインの利用制限を設定するようにします。

 

 

コード

意外にいろんなコードを試したものの、なぜか表示されなかったです。

 

やっとの思いで、最も簡単なコードで表示できたサンプルは以下。

Google Maps APIを使ってWebサイトに地図を埋め込む方法 | mariweb (marie-web.design)

 

 

リクエスト回数などは「API とサービス」から確認できます。

 

 

現在の書き方はもっと分量がいるようです。

また、書き方によっては地図IDを作成して追加する必要があります。

Maps JavaScript API  |  Google for Developers

このブログは、ネットや書籍上の情報、個人の体験や感想を中心にまとめたものです。 正確性を期していはいますが、間違い・誤訳等あるかもしれません。 当サイトの情報によって生じたいかなる損失について一切の責任を負わないものとします. あらかじめご了承ください。

プライバシーポリシー |〇利用規約 |〇問い合わせ