highdy の気まぐれブログ

ご訪問ありがとうございます。ジャンルがメチャメチャの気まぐれブログ。パソコン関連記事を中心に時間を見つけて・・・。

ブログ内に Google マップを挿入する

2020年06月26日 | パソコン


とても簡単で便利
 簡単なのにいろんな方からよく尋ねられる質問なので、説明しておきます。多分 Goo ブログのどこかに詳しい説明があるのでは? と思うのですが・・・。
画像の加工・アップロードではそれなりの基礎知識が必要ですが、地図の挿入の場合は、全くの初心者であってもすぐに覚えられます。
地図も Youtube の挿入と基本的に同じ考え方で、埋め込みコードをHTML言語内にコピペするだけです。
閲覧者もわざわざアプリを起動することなく、必要な場所をすぐに見ることができ、とても簡単で便利に利用ができます。


作業手順
 ① 先ずは挿入したい地図 Google マップ)をどんな方法でもいいですから表示させてください。
 ② 左上のメニューをクリックし、「地図を共有または埋め込む」を選択します。



 ③ 以下の画面(左下図)が現れますので、「地図を埋め込む」を選択します。

 ➡ 

 ➃ 次の画面(右上図)では、「iframe src」以下長~い埋め込みコードが現れますが、そんなことには関係なく(見る必要もなく)、右端の「HTML をコピー」をクリック(クリップボードに記憶)すれば、もうこの画面も、地図も不要です。



 ⑤ ブログの編集画面で右下の「HTML」をクリックして「テキスト」へ編集画面を切り替えます。ここと思うところに貼り付け後(下図)
                   

プレビューで確認します。
   

問題がなければ、プレビューを閉じ編集画面右下の「テキスト」をクリックして元の編集画面へ戻ります。

 なお、iframe 以下長い埋め込みコードの中に、width(幅)と hight(高さ)を
示した部分はデフォルト決まっていますが、この部分の数字(ドット数またはピクセル数)を変えることで、挿入サイズを変更することが可能です。
次の挿入例は、昨日の「沼津港大型展望水門 びゅうお」のある位置を示した地図です。


ブログの下書き機能で練習してみてください。いかに簡単かお分かりいただけると思います。






ご質問は オーナーにメッセージ から



本日もご来訪いただきありがとうございました。

記事の保存には、画面上で右クリック → 印刷 → PDFに保存
することにより、すべてのリンクも活用できます。

   スマホでどうぞ   

コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする