Web素材/ブログ・ホームページ

ホームページにGoogleマップを表示するには(2ページ目)

お店・会社の案内ページや、旅行記のページに地図を掲載したいとき、自分で地図を用意したり描いたりするのはちょっと大変。そこでおすすめなのがGoogleマップを利用する方法です。

執筆者:浅野 今日子

自分のホームページに地図を掲載する

1. Googleマップのマイページを表示している状態で、ホームページビルダーを起動します。あらかじめ、ベースとなるページをデザインしておきましょう。また、編集モードは、HTMLの入力ができる「標準モード」にしておいてください。
web地図を掲載する

2. Googleマップのページに戻り、マイマップの「自分で作った地図」の中から使いたい地図のタイトルにチェックを入れて、目的場所を選択・クリックします。
web地図を掲載する

3. 「このページのリンク」をクリックするとプルダウンメニューが表示されますので、「HTML を貼り付けてサイトに地図を埋め込みます」の下のHTMLコード上で右クリックして「コピー」をクリックします。
web地図を掲載する

4. ホームページビルダーにウインドウを戻します。地図を貼り付けたい場所をクリックします。
web地図を掲載する

5. 「HTMLソース」タグをクリックすると、HTMLソース編集画面が開きます。ここで、編集をわかりやすくするために2~3行、改行を入れます。
web地図を掲載する

6. 空改行したところで右クリックして「貼り付け」をクリックして、Googleの画面でコピーした、地図を表示させるHTMLコードを貼り付けます。
web地図を掲載する

7. 「プレビュー」タグをクリックして、結果を確認しましょう。
web地図を掲載する

これでGoogleの地図が挿入されました。あとは通常通り保存して出来上がりです。

web地図を掲載する


次は、ブログに地図を掲載する手順です
  • 前のページへ
  • 1
  • 2
  • 3
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます