Google Map を Web Page に埋め込む方法

2021-06-08 改定　　三宅　節雄

　ホームページ他に、貴方の珍しい写真を公開する場合など、他の方が行きたいと思っても町名だけだと辿り着けない場合があります。その他の情報を公開した場合も同様です。

　そこでHP、Word、電子メールや那須シニアネットへの写真の投稿も、GoogleMapの位置情報をリンクさせておけば、見た方は目的地の地図の拡大･縮小表示もできます。

１．

目的地の表示

1-1.

Google Map の検索欄に住所、建物名、店名などを入力して目的地を表示させます。

で表示された場所が目的地です。

1-2.

田んぼや山林など町名番地で検索できない場合は目的地の地図上でゆっくりと1回か2回クリックすると、その場所に

マークが表示さると同時に、右下に判る範囲の町名と緯度･経度が表示されます。

緯度・経度をクリックすると、

が

に変わり、メニュー

が出てきます。

２．

左上の検索欄の

マークをクリックして「

地図を共有または埋め込む」をクリックします。

①

リンクを共有はURLを表示しているのでハイパーリンクで使用します。
リンクをコピーをクリックし、HPビルダーで、何時もの様にリンク先として貼り付けます。

　Wordやメールにもリンクを張ることができます。

②

地図を埋め込むはHTMLコードを表示しており、HTMLのソースコードに埋め込めばページ内に少し小さめのGoogleMapが表示されます。
『地図を埋め込む』をクリックすると以下の表示になります。
▼から地図のサイズを選び、『HTMLをコピー』をクリックして、
HPビルダーでHTMLソースに切り替えて貼り付けます。

３．

表示例
Google Map へリンクを貼る場合は、Wordでは挿入→パイパーリンクから貼り付けます。
Windows Live メールの場合にも、挿入→ハイパーリンクで貼り付けます。

リンクを張った場合の例
西那須野公民館　　

埋め込んだ場合の例

4．

Word文書内でのリンクの作成

ホームページビルダーを使用しないでWord文書でも下記の手順でリンクを作成することができます。

①

上記２の①でURLをコピーしておきます。

②

Wordを起動し、リンクさせたい文書を書き、リンクさせたい文字を選択し(色を反転させておく)

③

挿入→ハイパーリンク

このような窓が出てきます

④

コピーしていたURLをアドレスに貼り付け、OKをクリックします。
これでリンクの完成です。
那須シニアネット西那須野支部の定例会の場所を、Google Mapにリンクさせたワード文書はこちらです。

また、ワードで作ったリンクは、メール送信の形式がHTML形式の場合には、本文にコピーして貼り付ければリンクの付いたメールが作成できます。

このハイパーリンク機能はExcelにも有ります。

５．

メールでハイパーリンク
　Windows Live Mail 、Microsoft Outlook 等では、メールソフトそのものにもリンクをさせる機能が有ります。

①

メールツールを起動

②

送信メールを作成

③

宛先を記入、本文を作成
この本文内にハイパーリンクさせたい文章を入れておく

④

ハイパーリンクさせたい文章を選択(色を反転させて)

⑤

メッセージ→挿入→ハイパーリンクで窓が開く