ピンを複数立てたGoogle マップを、ページに埋め込む
![](https://bouquet344olive.com/wp-content/themes/cocoon-master/images/man.png)
あれ、埋め込むとピンがひとつ以外、全部消えてしまうよ。
どうしたら、複数のピンをつけた地図をHPに埋め込めるかな?
マイマップを使う
ログイン - Google アカウント
こちらのマイマップから、地図を作って埋め込みます。
![](http://bouquet344olive.com/wp-content/uploads/2022/06/マイマップ-1024x279.png)
新しい地図を作成をクリックします。
ピンを立てる箇所を登録する
![](http://bouquet344olive.com/wp-content/uploads/2022/06/スクリーンショット-2022-06-08-22.53.42-1024x701.png)
まず検索窓で、ピンを立てたい名称を検索します。
![](http://bouquet344olive.com/wp-content/uploads/2022/06/スクリーンショット-2022-06-08-22.55.46-1024x721.png)
ひとつ選択すると、左側に項目が出てくるので、+をクリックして登録します。
![](http://bouquet344olive.com/wp-content/uploads/2022/06/無題の地図-Google-マイマップ-1024x654.png)
すると、一件登録されました。
![](http://bouquet344olive.com/wp-content/uploads/2022/06/無題の地図-Google-マイマップ-1-1024x606.png)
同じように繰り返し、必要な分だけ登録します。
ピンのスタイルを変える
![](http://bouquet344olive.com/wp-content/uploads/2022/06/スクリーンショット-2022-06-08-23.03.28-1024x638.png)
個別スタイルをクリックすると、ピンのスタイルを変えれます。
ここでは続き番号にしてみました。
![](http://bouquet344olive.com/wp-content/uploads/2022/06/スクリーンショット-2022-06-08-23.06.19-1024x640.png)
色もすきな色に変えられます。個別に変えることもできます。
![](http://bouquet344olive.com/wp-content/uploads/2022/06/スクリーンショット-2022-06-08-23.01.24-1024x649.png)
ラベルを名前にすると、地図に名称が表示されます。
レイヤーを追加する
![](http://bouquet344olive.com/wp-content/uploads/2022/06/無題の地図-Google-マイマップ-2-1024x598.png)
レイヤーをわけて、ピンを立てることもできます。
①レイヤを追加をクリック。
②そのあと、また検索窓から名称を検索。
③+を押して登録。
④個別スタイルから、色や番号などのスタイルを設定します。
共有の設定をする
![](http://bouquet344olive.com/wp-content/uploads/2022/06/無題の地図-Google-マイマップ-3-1024x644.png)
共有をクリック。
地図のタイトルに、適当な名前をつけます。
![](http://bouquet344olive.com/wp-content/uploads/2022/06/名古屋-1024x575.png)
共有の範囲を適宜決めます。
地図を埋め込む
![](http://bouquet344olive.com/wp-content/uploads/2022/06/スクリーンショット-2022-06-08-23.19.21-1024x616.png)
①3つの点の箇所をクリック。
②自分のサイトに埋め込むをクリック。
③iframe のコードが生成されるので、必要箇所に貼り付ける。
![mymap](http://bouquet344olive.com/wp-content/uploads/2022/06/mymap-1024x597.png)
埋め込み画面で、Googleのユーザー名を非表示にするには、ここの画面でoffに設定できます。