自分のブログサイトに複数のマーカーをつけた地図を表示したいときってありませんか。通常のGoogleマップ検索では、一つのマーカーを表示してくれるのですが、
別のマーカーを追加しようと検索すると前のマーカーが消えてしまいます。
複数のマーカーを表示するには、Googleマップの
マイマップ
を利用します。
僕も一枚の地図に複数のキャンプ場を載せたくて、マイプレイスを利用しています。今回は、Googleマップで複数のマーカーを表示して、ブログサイトに埋め込む方法を紹介します。
大きな流れは以下の4ステップです。
①マイマップに表示したい地点を登録する
②共有設定を変更する
③埋め込み用のソースコードを取得する
④自サイトにソースコードを埋め込む
以下で具体的に補足します。
①マイマップに表示したい地点を登録する
googleマップの左上のメニューからマイプレイスをクリックします。
マイマップのタグを選択して、地図を作成をクリックします。
無題の地図が表示されますので、検索窓にマーカーをつけたい場所を入力して検索します。
場所が検索されるので、「地図に追加」をクリックします。
追加すると、マークが黄色から青色に変わります。ペイントマークをクリックすれば、色やロゴを変更できます。今回はキャンプ場なので、キャンプマークにしました。
鉛筆マークをクリックすれば、マーカーの名前を変更することもできます。
同様の方法で、マーカー登録したい地点を検索し、地図に登録していきます。
②共有設定を変更する
すべて登録が終わったら、共有の設定を変更していきます。
初期設定では、「非公開」の状態なのでこれを変更します。
ブログなど、公開先を限定しない場合は、一番上の「ウェブ上で一般公開」を選択して保存します。
「非公開」だった設定が変更されました。
マイマップの名前が「無題の地図」だと味気ないため変更します。
今回は「兵庫県のオートキャンプ場」にしました。
③埋め込み用のソースコードを取得する
マイマップの名前の横をクリックし、「自分のサイトに埋め込む」を選択します。
ソースコードが表示されるのでこれをコピーします。
④自サイトにソースコードを埋め込む
自分のブログサイトに埋めこんで公開すれば完成です。
以上、今回はGoogleマップへの複数マーカー登録とブログへの埋め込み方法の紹介でした。