ピンを複数立てたGoogle マップを、ページに埋め込む

あれ、埋め込むとピンがひとつ以外、全部消えてしまうよ。
どうしたら、複数のピンをつけた地図をHPに埋め込めるかな?
マイマップを使う
ログイン - Google アカウント
こちらのマイマップから、地図を作って埋め込みます。

新しい地図を作成をクリックします。
ピンを立てる箇所を登録する

まず検索窓で、ピンを立てたい名称を検索します。

ひとつ選択すると、左側に項目が出てくるので、+をクリックして登録します。

すると、一件登録されました。

同じように繰り返し、必要な分だけ登録します。
ピンのスタイルを変える

個別スタイルをクリックすると、ピンのスタイルを変えれます。
ここでは続き番号にしてみました。

色もすきな色に変えられます。個別に変えることもできます。

ラベルを名前にすると、地図に名称が表示されます。
レイヤーを追加する

レイヤーをわけて、ピンを立てることもできます。
①レイヤを追加をクリック。
②そのあと、また検索窓から名称を検索。
③+を押して登録。
④個別スタイルから、色や番号などのスタイルを設定します。
共有の設定をする

共有をクリック。
地図のタイトルに、適当な名前をつけます。

共有の範囲を適宜決めます。
地図を埋め込む

①3つの点の箇所をクリック。
②自分のサイトに埋め込むをクリック。
③iframe のコードが生成されるので、必要箇所に貼り付ける。

埋め込み画面で、Googleのユーザー名を非表示にするには、ここの画面でoffに設定できます。