簡単にできるかなと思ったら1時間ぐらいかかってしまいました。
準備
まずグーグルコンソールで、「Maps JavaScript API」を利用可能にします。
APIキーを取得します。グーグルマップJavascriptのAPIはキーが丸見えなので、必ず新規キーとし、ドメインの利用制限を設定するようにします。
コード
意外にいろんなコードを試したものの、なぜか表示されなかったです。
やっとの思いで、最も簡単なコードで表示できたサンプルは以下。
Google Maps APIを使ってWebサイトに地図を埋め込む方法 | mariweb (marie-web.design)
リクエスト回数などは「API とサービス」から確認できます。
現在の書き方はもっと分量がいるようです。
また、書き方によっては地図IDを作成して追加する必要があります。