ナイチンゲールにはなれない!

看護師おかえりなさいの情報共有所

Googleマップをブログに埋め込むってのをやってみた!方法は簡単でした♪

Googleマップをブログに埋め込むってのをやってみた!方法は簡単でした♪

どちらかというと方向音痴のおかえりなさいです!

今回まあ、あんまり私としては使わないんですが、Googleマップのブログなどへの埋め込み方を再確認しました。

Googleマップとは

Googleマップに限らず、今はインターネットの進んだ世の中ですから、画像であれ地図(場所)であれ、他人と共有する機会が増えてきたと言えます。

何かとこれはこれで便利なんですよね。

例えばブログでおいしい店を発見したとか紹介する時に「ココですココ!」って地図を貼ってあげたら親切だし、スゲーわかりやすいから!

そんな時にGoogleマップ使いこなせていますか?

私は使いこなせていません。

まずその貼り付け方もマニュアル的なページを見なきゃわかんないていうレベルだし・・・。

なので備忘録的に自分のブログのページで紹介しちゃいます。

こうすることで自分でも覚えるしね。

ブログは自分のために書いてログとして残すっていう本来の役割を満たせますしね。

まずはGoogleマップを使うためにすることですが、このGoogleマップっはGoogleって名前の付く以上、Googleのサービスなんですよね。

まあ、当たり前のことなんですが、じゃあアカウントを持っていなきゃ使えないの?という疑問が沸いてきます。

でも実はそうでは無いようですよ!安心して下さいね。

ただし、自分のアカウントを持っていると使える機能が増えるっていうメリットがあります。

アカウントを取得しよう

 

Googleアカウントを取得するには、Gmailを使える環境である方ならすでに取得済みということになります。

他にもAndroidユーザーであれば同じようにアカウントがあります。

つまりスマホでAndroidを使用している方なら、購入当時にGoogleアカウントをすでに取得している環境にあるものと思われます。

例外的にまだだよって方は、「Google アカウントの取得」とかでもググって下さいね。

なのでもうアカウントをお持ちの方は大多数であると想定してお話を進めます。

アカウントがあることで使える機能

Googleアカウントがあれば、自分だけの場所が登録できます。

この機能はカーナビとかでいうと、自宅とか行先などの目的地などです。

そういった機能も便利なのですが、今回の主な目的はマップをブログなどに埋め込む(貼り付ける)方法なのですから、割愛します。

一応今から説明するマップの埋め込み機能は、Googleアカウントを取得無しでも利用可能です。

しかし自分専用の場所(お気に入り)(自宅や職場)など事前に登録しておいた場所を呼び出したりするのにはアカウントを持っていた方が便利です。

今言いましたが埋め込むだけならアカウントは不要です。

Googleマップをブログやサイトに埋め込む方法

下記URLにて埋め込むためのマップを作成します。

https://www.google.co.jp/maps

Googleマップ

基本画面は日本列島がぽつーんと遠くに見えますが、この後の住所検索で一発でその場所まで拡大できますよ!

左上の「Googleマップを検索する」より「東京都庁」とでも検索してみました。

東京都庁

住所からでも建物の名前などでも該当すれば検索可能なようです。

便利ですね!

もっと便利なことにインドアビューやストリートビュー、写真なども一緒に表示してくれました。

矢印で説明

次に操作するのはこの矢印の先にあるアイコンです。

この三本線みたいなアイコンを選択するとメニューがダダッと表示されました。

メニューツリー

もちろん「地図を共有または埋め込む」を選択します。

そうしますと下のような画面になりますが、ココで選ぶのは「地図を埋め込む」ですよ!

選択メニュー

「地図を埋め込む」を選ぶと次のような画面に切り替わります。

地図を埋め込む画面

ここまで来たら今回の目的はほとんど完了です。

上の画面の赤枠で印をつけているところのコードをコピーして自分のページに貼り付けします。

赤枠の印の左側の下矢印を選択すると地図にサイズも変更できますよ。

今回は「中」表示にしました。

実際にブログに貼り付けるとこんな感じになりました。

このマップは実際にマウスで移動したり拡大したりできますよ!

結構知っているようで知らなかった機能なので是非この機会に覚えてみて下さいね!


コメントフォーム

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

FACEBOOKコメント

Return Top