グーグルマイマップでオリジナル地図作成!機能とサイトへ埋め込み共有する方法

グーグルマイマップで 場所を人に共有する

ブログで店舗紹介をする際に、具体的な場所を示す方法としてGoogleマップが便利です。1店舗だけであればマップ上に店舗の住所地点の地図や、経路を伝えれば完了ですが、複数店舗を紹介したい場合はグーグルマイマップを利用した方が便利です。

グーグルマイマップは自分の好きな場所をリストでまとめて、マップ上にまとめて表示できます。例えば、特定エリアのラーメン店一覧というリストを作成し、マップ上で全ての店舗がどこにあるのかを示すことができるので便利です。第3者に共有することもできるので非常に使い勝手がよい機能になります。

ブログ運営するさいにも、複数店舗を訪問者に伝えるためにはグーグルマイマップで可視化してあげるのが親切です。今回はグーグルマイマップの作成方法やメリットについてご紹介いたします。

尚、ブログでグーグルマップを表示させる基本操作はGoogle Mapで距離や視点を変えてサイトに埋め込む方法の記事でもまとめております。

目次

グーグルマイマップで目的地を設定するおすすめの方法

STEP
グーグルマップを開く

Googleマップを開く

STEP
「保存済み」をクリック

赤枠の保存済みにマイマップ機能があります。

グーグルマップで保存済をクリック
STEP
「マイマップを開きます」をクリック

タブ「マイマップ」欄の「マイマップを開きます」をクリック。

※参考:寿司店舗をまとめた「寿まっぷ」マイマップが下に表示されています。

グーグルマップでマイマップを開くの表示
STEP
マイマップのメニュー表示後「新しい地図を作成」をクリック

マイマップメニューが開くと「自分が所有」タブがデフォルトで開きます。自分が作成した地図一覧がここに表示されます。

新たにマイマップを作成するには「新しい地図を作成」をクリックします。

グーグルマップでマイマップの一覧表示画面

CREATEボタンをクリックします。ここで英語表示になりますが気にせずクリックしましょう。

グーグルマップでマイマップのcreateボタン表示
STEP
マイマップのタイトルを修正(デフォルト:無題の地図)

マップが表示されると左上に四角の枠が表示されます。マイマップの題名を目的の名称に変更します。

ここではグルメマップとして保存します。

地図タイトルにグルメマップといれて保存
STEP
マイマップに目的地を追加(名称検索で場所登録するのがおすすめ)

検索窓に目的地(店舗など)を入力。マップ表示場所が目的と合致していたら「地図を追加」ボタンを押します

ワンポイントアドバイス

グーグルマップで場所を検索する時に「名称検索」と「住所検索」がありますが、名称表示される名称検索で登録するのがおすすめです。住所名表示ですと目的とあっているかわかりづらいので。

<例>下図でも解説
①名称検索:「中国家庭料理 楊 2号店」で検索するとマイマップに店名が入る
②住所検索:住所が名称に入る(高柳ビル)

①名称検索(中国家庭料理 楊 2号店)の例

グーグルマップで目的地を名称検索しマイマップに追加

②住所検索(東京都豊島区西池袋3丁目25−5)の例

グーグルマップで目的地を住所検索しマイマップに追加
STEP
目的地情報リッチ化(色変更・メモ追加・画像追加)

目的地をクリックすると赤枠(マーク色変更・メモ追加、画像追加など)を編集することができます。

グーグルマイマップの目的地情報を更新する

マーク色をデフォルトの青からオレンジに変更しました(下図)

Googleマイマップのマーク色をデフォルトの青からオレンジに変更
STEP
続き番号にするとブログのテキスト情報とリンクしやすい ※必要による

グーグルマイマップではアイコン表示を続き番号に変更できます。例えば❶❷のように場所にナンバーと好きなアイコン色に変えることができます。MAP上に番号を入れることで、Webサイトの店舗情報と番号をリンクさせると、店舗情報がわかりやすいです。

グーグルマップでマイマップの個別スタイルを表示

個別スタイル(青リンク)を押すと続き番号を選ぶメニューが現れます。

グーグルマップでマイマップから続き番号を選択する

個別番号をもう一度クリックすると赤枠の続き番号が表示されるのでクリックします。

グーグルマップのマイマップで続き番号が表示された様子

グーグルマップのマイマップで続き番号が表示された様子です。

STEP
目的地を追加(STEP6・7を繰り返す)

目的地を複数登録すれば完了です。例として「和食亭」を追加してリストが2件になりました。(下図)左側のリストで気になる店名をクリックすれば住所などの詳細情報がわかるようになります。

Googleマイマップに目的地を追加した様子

グーグルマイマップの共有方法

グーグルマイマップの公開レベルは4パターンある。

マイマップを公開するには共有ボタンを押します。

Googleマイマップの共有方法

グーグルマイマップの+共有ボタンを押します。

グーグルマイマップの共有はレベル別に分かれていますので、解説していきます。

Googleマイマップの共有方法

①非公開(自分だけ見れる)

Googleマイマップの共有方法

全てのチェックが入ってなければ、自分だけ閲覧可能。

②特定ユーザーのみ公開(閲覧者を指定して公開)

Googleマイマップの共有方法

全てチェックオフの状態で「ドライブで共有」を選択する。

Googleマイマップの共有方法

マイマップを共有してもよいメンバーをメールアドレスなどから選択します。(赤枠)

制限付き機能として「閲覧者」か「編集もできる」のかを選択できます。通知にチェックを入れると編集された場合にアラートされます。

③リンクを知っている人に公開

ブログでよく使われるレベルです。紹介リンクやURLを表示しサイト訪問者が気になったらマイマップを見る方法です。

Googleマイマップの共有方法

「このリンクを知っている人なら誰でも表示できる」をオンにします。対象URLをクリックすれば誰でも閲覧可能です。

④全員公開 インターネット上の検索ユーザー全てに公開

マイマップ検索からのページ流入も考慮した方法です。

Googleマイマップの共有方法

下記2つをオンにします。
・このリンクを知っている人なら誰でも表示できる
・インターネットで検索しているユーザーに地図を公開する

グーグルマイマップをWebサイトに埋め込む方法

Googleマイマップをサイトに埋め込む

Webサイトにグーグルマイマップを埋め込むには、・・・を押して表示される「自分のサイトに埋め込む」ボタンをクリックします。

Webサイトに埋め込むためのソースコードが発行されますので、コピーします。

この時にヘッダーにはオーナーのプロフィール写真と名前を含めてください。と表示されます。表示したくないバイはオフにしましょう。

ブログであればhtmlブロックで貼りつければマップの埋め込みが完了です。

マイマップを埋め込むと下記のように表示されました。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

著者:ブロガー2つ(につ)

■サイト設立目的
人海戦術の時代からテクノロジー活用による自動化促進の時代に変化。テクノロジー活用を促進するための情報共有やテクノロジー支援を行います。

目次