「Googleマイマップ」の使い方解説。「ルートマップ」を作成し自分のブログに埋め込む方法

Googleマップではなく「Googleマイマップ」というサービスがあります。
マイマップを使えば、こんな感じでwebサイトに道順を埋め込むことが出来ます。

参考：日赤病院前の散歩コース

僕が運営してる「福岡散歩ブログ」というメディアでも使ってます。

・駅からお店までの個人的なオススメ経路を紹介したい
・散歩コースを紹介したい
・面白い通りがあったので紹介したい

などの時に便利ですね。
また、「デザインソフトでルート地図を作る」というのはかなり時間がかかります。
それを数分で出来るのもマイマップの魅力。

というわけで、Goolgeマイマップの使い方を紹介していきます。

Googleマイマップにログイン～マップ作成まで

①Googleマイマップにログイン

Googleマイマップにアクセスします。
既にGoogleアカウントを所持しているのであれば、そのアカウントのログイン情報を入力すればOK。
確か「マイマップ用のアカウントを作る」とかの手続きはありませんでした。
普通に「Googleマップの延長線上のサービス」という感じですね。

もしGoogleアカウントを作っていない方は、これを機に作ってしまいましょう。

参考：Googleアカウントを新規に作成する(Gmailを同時に作成する) – Googleアカウントの使い方

②マイマップを作成～保存する

ログインした後の「Googleマイマップ」ページで、左上の「新しい地図を作成」をクリックします。

「新しい地図を作成」をクリック

とりあえず適当なマイマップを作ってみましょう。

左上の「無題の地図」をクリックするとマイマップのタイトルを変更できるので、任意の名前にします。（“説明”の入力は任意）

「無題の地図」をクリックして名前を変更

検索フォーム下の「ツールバー」から「ラインを描画」→「ラインやシェイプを追加」の順にクリックします。

「ツールバー」から「ラインを描画」→「ラインやシェイプを追加」

するとマウスカーソルが「+」の形に変わるので、適当にクリックして一旦線を描画してみてください。

「Googleマイマップ」の使い方解説。「ルートマップ」を作成し自分のブログに埋め込む方法：ラインを描画

描画を終えたらEnterで確定します。

ちなみに線を繋げて囲い込むようにすると“シェイプ（エリア範囲表示）”になります。

シェイプ（エリア範囲表示）

さて、Googleマイマップはオートセーブ（自動保存）されているので、既に保存されているはずです。
先ほどの「Googleマイマップへ戻ると、さっき作ったオリジナルマップが既に追加されてると思います。

補足
ちなみにGoogleマイマップのページは忘れないうちにブックマークしておくことをオススメします。

一度「新しい地図を作成」に入ると、そこから「作成マップ一覧」のページへは戻れなくなるので、あとで「マップ一覧ってどこからアクセスするんだろう？」と迷ってしまいます。

では、普段僕がやってるような「散歩コース紹介」を試しに作ってみましょう。

「散歩コース紹介マップ」を作ってみよう

※さっき適当に作ったマイマップを使い回すのであれば、次の手順の②までは飛ばしてもらって構いません。

しかし地図のリセットが出来ないので、作成したシェイプを消す為に、画面左側の「無題のレイヤ」と書かれた箇所のメニューを開き「このレイヤを削除」をクリックして無駄オブジェクトを削除してください。

「このレイヤを削除」

一旦手順を簡潔に紹介

①「Googleマイマップ」から「新しい地図を作成」をクリック

②左上「無題の地図」をクリックし、地図の名前を入力（説明は任意でOK）

③ツールバーから「ラインを描画」→「ラインやシェイプを追加」をクリック

④マウスカーソルが「+」に変わるので、任意の散歩コースを辿っていく

⑤散歩コースの終点を打ち終えたら「Enter」をクリックし、描画モードを終了する

⑥任意でそのラインに名前を付ける（デフォルトでは“ライン１”）

⑦ラインの色や太さを変える

⑧スタート地点、ゴール地点にピンを立てる

⑨公開可能状態にして自分のブログに埋め込む

では、詳しく解説していきます。

まず、①～③までは前回と同じなので省きます。

①「Googleマイマップ」から「新しい地図を作成」をクリック

②左上「無題の地図」をクリックし、地図の名前を入力（説明は任意でOK）

③ツールバーから「ラインを描画」→「ラインやシェイプを追加」をクリック

以下④からが今までと違うので解説します。

④マウスカーソルが「+」に変わるので、任意の散歩コースを辿っていく: クリックする度にピンが打たれるので、それを繰り返してルートを作成します。

ピンを打ってルートを作っていく
※注意点
「ピンの打ち間違い」をしてもここでは「ctrl z」などで操作を巻き戻すことが出来ません。
しかし後で修正することはできるので、もし打ち間違えても一旦そのままピン作業を完遂してください。
また、通常のGoogleマップでは「ドラッグでマップを移動する」という操作ですが、その癖でつい画面をクリックしてしまうと問答無用でピンが立ってしまいます。ここもちょっと面倒です。
マップを移動したい場合（通常のGoogleマップで言うドラッグ）は、マウスカーソルを画面淵のギリギリに持っていけばできます。
キーボードの「矢印キー」でも移動操作が出来ます。

⑤散歩コースの終点を打ち終えたら「Enter」をクリックし、描画モードを終了する: 通常のGoogleマップではあまりキーボードで操作しないので分かり辛いと思いますが、確定操作はEnterキーです。
間違えてダブルクリックしてしまいそうですが、それでもただピンが立つだけなので気を付けましょう。
「ルート作成時に間違ってピンを立ててしまった」場合
修正は簡単です。
Enterで一度ライン入力を完了した後、ルート上のピンの部分をドラッグして修正するだけ。
「ピンとピンの間にもう一つピンを追加したい」という場合は、半透明になっているピンをドラッグすればOK。
するとその半透明ピンは通常のピンと同じになり、またそのピンの間に半透明ピンが出現します。
このようにしてどんどんピンを増やせます。
極論を言えば、最初にスタートとゴール地点だけ直線で引いて、後でピンをドラッグでルートを作成することも出来ます。
ただ、一度増えてしまったピンはもう削除できないようです。
追記：不要なピンは、ドラッグして「隣り合う既存のピン」と重ねることで除去できました。

⑥任意でそのラインに名前を付ける（デフォルトでは“ライン１”）

さて、ライン描画を完了すると勝手に入力フォームが出現すると思います。
出現しない場合はそのラインをクリックすると出現します。