【GoogleMyMaps】記事に埋め込まれた「マップ」の使い方を徹底解説!
【本記事の概要】
このブログでは、GoogleMyMapsで作成した地図による位置の共有や記事の補足を行うことが多々あります。
この記事では、記事内に埋め込まれた地図の使い方について徹底的に解説します。
※以降、GoogleMyMapsにより作成された地図をマップと表記します。
ご覧いただきまして、ありがとうございます!
この記事では、記事に埋め込まれた「マップ」の使い方を解説します。
早速ですが、記事の冒頭にマップを埋め込ませていただきました。
今、みなさんには全く説明をしていない状態でマップを見ていただいています。
使い方が分からない状態では、自分がみなさんにお伝えしたい情報が十分に伝わっていないと思います。
みなさんがこの記事を読み終えた後に、今よりも「マップが埋め込んであるのは便利だな」と感じていただけていたら幸いです。
それでは、説明していきます。
はじめに
この記事を書こうと思ったきっかけ
この記事を書こうと思ったきっかけは、Twitterでとった以下のアンケートです。
※ブログについて
— こさいん@駅メモで全国制覇を目指す(7,579駅/9,323駅) (@cosine_travel) 2020年6月14日
自分のブログ記事で多用しているGoogleMyMapsですが、ちょっとアンケートを取ってみます。
期限は1日とします。
今後の改善に役立てたいので、投票していただけると嬉しいです。
記事内にGoogleMyMapsの埋め込みがあることで、メリットを感じますか?
「見方をもう少し丁寧に説明してくれたら、ありがたい」 と回答していただいた方が、一定数いらっしゃいます。
その期待に応えたいと思い、この記事を書こうと思い立ちました。
※GoogleMyMapsの作成方法や記事へ埋め込む方法に関しては、他に沢山まとめてくださっている方が居るので割愛させていただきます。
マップをわざわざ記事に埋め込んでいる理由
「マップのURLを共有すればいいのでは?」「わざわざ記事に埋め込む必要はないのでは?」と思った方が居るかもしれません。
一時期はマップのURLを共有していましたが、自分の意図通りに表示されないことがありました。
見てほしいスポット周辺をピンポイントに指定するURLを貼っても、スマホで見た場合には地図全体が表示されていました。
試しに、等々力渓谷周辺のマップのURLを貼ってみます。
地図全体が表示されてしまう方もいらっしゃると思います。
これでは、みなさんにしっかりと情報が伝わっていないので、良くないと思いました。
ですが、ブログ記事にマップを埋め込んでみると、PCでもスマホでも意図通りに表示されることが分かりました。
なので、マップのURLを共有するのではなく、記事への埋め込みの形を採用しています。
記事に埋め込まれた「マップ」の使い方
必要そうな項目を上から順に紹介しています。
下の方の項目は必要とされる方は少ないかもしれませんが、徹底解説を銘打っている以上は一応記載しておきます。
マップの共有やお気に入り登録など、必要がなさそうと感じる項目は読み飛ばしながらご覧いただけますと助かります。
拡大・縮小
マップの拡大・縮小は、左下にある「+-マーク」で行えます。
画像内では、赤丸で示した箇所です。
PCでマウスをお使いの場合は、マウスホイールでも拡大・縮小が可能です。
スマホ・タブレットをお使いの場合は、指2本を近づけたり離したりすることで拡大・縮小が可能です。
ちなみに、スマホ・タブレットでご覧の場合に指1本で操作をすると、このような注意画面が現れるはずです。
メニューの表示
左上に赤丸で示した「→コ」のような形をしたマークを押すと、スポットの一覧(メニュー)が出ます。
画像内では、赤丸で示した箇所です。
実際にマークを押すと、このような形に表示されます。
再度同じマークを押すことで、スポットの一覧が閉じます。
一覧表示されるスポットは省略されていますので、「…他26個」などと書かれている部分を押していただければ、省略されているスポットも表示されます。
説明の表示
スポット一覧の項目をクリックすると、そのスポットの説明が表示されます。
緑色、橙色、青色で示されているスポットのアイコンを押しても、同じく説明が表示されます。
スポットの説明を閉じるには、説明内の「←」マークを押します。
画像内では、緑丸で示した箇所です。
写真の閲覧
スポットの説明にある写真をクリックしますと、他の写真もご覧いただけます。
写真が複数枚ある場合は、右に進む「>」マーク(画像内の赤丸部分)を押しますと次の写真が表示されます。
それ以上写真が無い場合は、最後の写真から右に進むと写真表示を終了します。
写真表示の上部にある「←」マークを押していただくことでも、写真表示を終了します。
画像内では、緑丸で示した箇所です。
写真の左下に「Googleマップからの写真の投稿者:~~~」のように表示されることがあります。
これは、他の方が撮影した写真がGoogleMapに登録されているものなので、自分が撮影した写真ではありません。
表示する項目の絞り込み
スポット一覧は、「駅」「スポット」「車窓」と3つのカテゴリに分かれています。
それぞれのカテゴリの上にあるチェックを外せば、カテゴリごと非表示にすることも可能です。
画像内では、赤丸で示した箇所です。
この写真は、「駅」カテゴリを非表示にした場合のマップです。
表示が煩雑だと思われる方は、この機能をご利用ください。
マップの説明
スポット一覧を表示していただくと、左上にはマップ自体の説明が記載されています。
画像内では、赤丸で示した箇所です。
この説明は、クリックすることで全体が表示されます。
マップ自体の説明は見なくても楽しめるように心がけていますが、説明があることを頭の片隅に置いていただければと思います。
別タブでのマップの共有
右上にある4つの鍵括弧のようなマークを押しますと、マップが別のタブで開かれます。
画像内では、赤丸で示した箇所です。
マップの共有
「く」に●が付いたような共有マークを押しますと、マップが共有できます。
画像内では、赤丸で示した箇所です。
Facebook、Twitter、メールでの共有が可能です。
「自分のサイトに埋め込む」を押しますと、先程の4つの鍵括弧ようなマークを押したのと同じく別タブでマップが開きます。
そこからiframeタグを取得することでみなさんのサイトへの埋め込みが可能になります。
冒頭で説明したとおり「埋め込み方はこの記事の説明範囲外」とさせていただいています。
HTMLへのiframeタグの埋め込み方法などは、お手数ですが他のサイトをご覧ください。
マップのお気に入り登録
☆マークをクリックして★にしていただきますと、お気に入り登録が完了します。
※この機能を使用するためには、Googleアカウントへのログインが必要です。
この機能の説明に関しては、後日記載します。
まとめ
ここまで読んでいただきまして、ありがとうございました!
最後に、もう一度埋め込まれたマップをお見せします。
是非、記事内で紹介したようにマップをお使いください。
当初よりも便利さを感じていただけたのなら、嬉しいです。
今後も、自分が執筆する記事にはGoogleMyMapsで作成した地図の埋め込みを積極的に使用していきます。
この記事で埋め込んだ「日本全国旅行スポット紹介」は、過去に自分が巡ったスポットをまとめているものです。
現在は説明の粒度がバラバラですが、説明が薄いスポットは順次説明を増やしていきます。
旅行記系の記事では、スポット紹介とは別のGoogleMyMapsにて旅行の全行程をまとめて共有させていただいています。
行程の全体や一部が、みなさんの今後の旅行の参考になれば幸いです。