案内図や地図をブログに表示させる方法

自分のブログやサイトに地図や案内図などを表示させる方法

HP,ブログ,地図,案内図,表示,方法,挿入

今回はグーグルマップやブログパーツを使って、簡単に自分のブログやHPに地図を表示させる方法についてお伝えしようと思います。

 

例えスマホの地図機能(GPS機能)があるにせよ、サイトに自分の所在地を表示させておくことで信頼度もあがりますし、アフィリエイターやネットショップの方もセミナー開催場所を告知したり、

 

リアル店舗の場所を紹介したりなど、地図も一つのコンテンツとして使えますので!

 

ではではなるべく簡単な順に紹介しますね!

 

ブログパーツを使えば,地図や路線図,案内図を表示させるのは超簡単!

まず、自分のブログに地図を表示させる際に一番簡単なのはブログパーツを使う事でしょう。

 

例えば地図表示ブログパーツを利用するとサイドバーのフリースペースに簡単に地図が表示可能。

 

HP,ブログ,地図,案内図,表示,方法,挿入

【 ギョギングマップ,住みよい街マップ,ルートマップなど使えそうじゃありませんか? 】

 

下にちょっと制作者の宣伝が出ますが、地図を見たい人はそんなこと気にしませんよね?お店までの路線図なんかは表示してくれるとありがたいです♪

 

私もペットショップを最近は周るのですが(ペットは世話の手間がかかるので沢山店舗に置けないため)、実際にあとひと工夫でサイトから離れないのに・・・。と思うことは多々あります。

 

個人ブログに簡単な所在地しかなくて、またマップを調べるのに二度手間ですから。折角ブログやHPに来たのに、地図を調べているうちに別の店(ライバルサイト)に興味を持たれてしまったのではもったいなくないですか?

 

新機能になったグーグルマップで地図をホームページに挿入しましょう!

次に自分で地域や場所を限定した地図をホームページに挿入する方法について説明したいと思います♪グーグルマップが2014年にアップデートして今までと埋め込みの仕方が若干変わったので注意が必要です

 

① グーグルアカウントを取る(とらなくても可能)

 

・・・gmailやyoutubeアカウントを取る際にすでに登録している方が多いと思います。

 

② 次にグーグルマップに行き表示させたい場所を選択

 

HP,ブログ,地図,案内図,表示,方法,挿入

  【 今回はスカイツリー周辺の案内図をホームページに埋め込みます! 】

 

すると?

 

HP,ブログ,地図,案内図,表示,方法,挿入

地図上に目的地がアイコンで示されます。

 

 

② 出発先と目的地を検索窓に打ち込む

HP,ブログ,地図,案内図,表示,方法,挿入

続いて出発先を入力すると、そこまでの道順が表示されます

 

③ 交通手段はアイコンで変更が可能。車・徒歩・電車・自転車です。

 

HP,ブログ,地図,案内図,表示,方法,挿入

 

HP,ブログ,地図,案内図,表示,方法,挿入

【 徒歩も表示できましたか? 】

 

 

④次に右下の歯車マークをチェックしましょう

 

HP,ブログ,地図,案内図,表示,方法,挿入

 

⑤この動画を共有を選択

HP,ブログ,地図,案内図,表示,方法,挿入

 

⑥自分でサイズを選択して!

HP,ブログ,地図,案内図,表示,方法,挿入

 

後はコードを張り付ければOK!これでブログやホームページに自分の好きな道順を示したマップを表示できます。他にもお勧めのお店情報なんかもコメント付きで楽々表示。

 

※ 2018年現在は貼りつけ画面がコチラになっています。

 

 

HP,ブログ,地図,案内図,表示,方法,挿入

 

 

 

一歩差がつくコンテンツの出来上がり♪ ちょっとチャレンジしてみてください!

 

アフィリエイトランキントップは誰?

アフィリエイトランキングで冷静に比較してください!!
私もゼロから沢山教わって稼げるようになったのです!どんどん吸収比較して吸収しましょう!!
もしこの記事が気に入ったらブックマーク・いいね!お願いします(>_<)お礼きっと致します♪  このエントリーをはてなブックマークに追加 
スポンサーリンク

トップへ戻る