Googleマップは通常、1ポイントしか表示できませんが「マイマップ」の機能を使うと複数地点を表示させることができます。
マイマップで最初の地点を登録するには?
最初に[こちら]へアクセスし、「自分が所有」タブをクリックし、「新しい地図を作成」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/1-17.jpg)
「無題の地図」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/2-12.jpg)
タイトルと説明文を入力して「保存」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/3-13.jpg)
3 「無題のレイヤ」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/4-10.jpg)
レイヤ名を入力し、「保存」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/5-10.jpg)
「共有」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/6-13.jpg)
「アクセスできるユーザー」の横にある「変更」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/7-20.jpg)
「完了」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/10-5.jpg)
実際に追加したい地点を検索バーに入力し、検索します。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/11-8.jpg)
「地図に追加」をクリックすると、緑のマークが赤のマークへ変わります。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/12-1.jpg)
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/13-2.jpg)
続いて、マーク表示されているポイントを再度クリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/10-6.jpg)
「編集マーク」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/11-9.jpg)
「地名」や「説明文」を入力し、「保存」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/12-2.jpg)
画像を挿入したい場合は、カメラマークをクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/16.jpg)
画像をアップロードします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/17.jpg)
画像を選択し、「保存」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/19-1.jpg)
スポットの追加は上記を繰り返します。
作成したマイマップを自分のサイトに埋め込む方法は?
マイマップ編集画面の右上に表示されている3点マークをクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/13-3.jpg)
「自分のサイトに埋め込む」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/14-2.jpg)
ソースをコピーし、「OK」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/15-2.jpg)
マークアップされたポイントをクリックすると、次のように表示されます。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/20.jpg)
マイマップで2つ目の地点を登録するには?
続いて2つ目の地点を登録します。
上記同様に地点検索を行い、名称、説明文を入力し、「保存」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/21.jpg)
2つ目のポイントが追加されました。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/23-2.jpg)
先ほどの埋め込み地図が、下記のように変わりました。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/24.jpg)
見事に複数ポイントが表示されています。
しかし、ここで問題点にいくつか気づきました。
マークアップされた地点の色を変える方法は?
一つ目は簡単に解決できる問題点です。青色が見にくいので、赤色マークに変えてみます。
色の変更は簡単。各タイトル横のカラーマークをクリックし、好きな色へ変更するだけです。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/25-1.jpg)
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/26-1.jpg)
マップでも、マークのカラーが変わりました。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/27-1.jpg)
レイヤを追加する方法は?
レイヤを追加するには、最初に「レイヤを追加」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/28-1.jpg)
「無題のエリア」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/30-1.jpg)
レイヤ名を入力し、「保存」をクリックします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/31-1.jpg)
「延暦寺」を「大津エリア」のところへドラッグ&ドロップします。
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/32-1.jpg)
![](https://123a.jp/bonjin/wp-content/uploads/2017/06/33.jpg)
特定の地点を中央に表示させるには?
Googlemap で「自分のサイトに埋め込む」をクリックした際、ソースコードが自動で生成されますが、それをそのまま貼り付けるとマイマップ全体が縮小されて表示されます。
その中の特定の地点を中央表示させたい場合は、下記のように行います。
マイマップの特定地点をクリックし、その左下に表示される緯度と軽度を示す数値をコピーします。(例:35.37388, 136.36)。
元コードのURLに「&ll=」と上記の「緯度・経度の数値」を貼り付けます。
<iframe src="https://www.google.com/maps/d/embed?mid=1pyKqurFCXuV-3-9flKwq-1ZtSuk&ll=35.37388, 136.36" width="640" height="480"></iframe>
マップの縮尺を変えたい場合は?
最後にマップの縮尺を変える方法について説明します。
<iframe src="https://www.google.com/maps/d/embed?mid=1pyKqurFCXuV-3-9flKwq-1ZtSuk&ll=35.37388, 136.36&z=13" width="640" height="480"></iframe>
これも簡単です。座標の後に上記のコードを追加するだけです。赤字部分の中の数字(例では「13」)を変えることで縮尺を変えることができます。なお、最大数は15です。