Google Map をウェブサイトに埋め込む際の API 設定画面にたどり着く為のメモ〜 please, give me a key

事前に「Google マッププラットフォームの有効化」を済ませておく

Google Map API の設定画面

次のウェブサイトを開く
https://cloud.google.com/maps-platform/
右上の Console

メニュー (左の列)

“Maps Embed API” を選択

指標 | 割当 | 認証情報 (タブを選択)

アプリケーションの制限 > HTTP リファラー（ウェブサイト）

通常は、URL に下記の2つを追加する

*.example.com/*
example.com/*

1 2	.example.com/ example.com/*

次のコードをウェブサイトに埋め込む

<script src="https://maps.googleapis.com/maps/api/js?key=XXXXXXX" type="text/javascript"></script>

1	<script src="https://maps.googleapis.com/maps/api/js?key=XXXXXXX" type="text/javascript"></script>