記事の中に地図を載せたい

  • # ホームページ制作について
  • Eye124
  • User一休
  • Calender2018/11/02

解決
済み

観光スポット、レストラン、宿といった旅行関係のホームページを作成したいので、ひとつひとつの記事の最後に地図を載せたいのですが、どのようにしたらよいのでしょうか?

みんなの回答を見る

  • Userタクモン
  • Calender2018-11-02 14:38:46

旅行関係のホームページでしたら、確かに記事ごとに地図があると分かりやすくていいですね。
以下の手順で記事に埋め込むことが出来ます。

1.Googleマップにアクセスする。
▼Googleマップ
https://www.google.co.jp/maps

2.埋め込みたい地図を表示する
検索欄に住所や建物名を入力し、地図を表示させます。
※地図の拡大率についてもこの画面で調整します。

3.「共有」をクリックする
埋め込みたい場所にクリップが出たら、画面左にある「共有」をクリックします。

4.表示されるボックスの上部にある[地図を埋め込む]タブを選択しする

5.サイズを選択して「HTMLをコピー」をクリックする

6.「とりあえずHP」の管理画面に入って[各ページの編集]をクリックする
地図を埋め込みたいページを開きます。
※トップページに埋め込みたい場合は[トップページの編集]をクリックします。

7.地図を埋め込みたいページを選択します
『ページの選択』から、地図を埋め込みたいページをクリックして選択します。

8.HTMLソースエディタで「コピーしたタグ」を貼り付けます
画像を埋め込みたい記事ボックスの[HTML]ボタンをクリックすると、
別ウインドウが開きます。
HTMLソースエディタが開いたら、画像を埋め込みたい場所に5でコピーした
埋め込み用タグを貼り付け(キーボードの「Ctrl」キーを押したまま「v」を押す)て[更新]をクリックします。

※HTMLソースエディタには‹s›〜‹/s›や‹br /›といった「HTMLソース」が
表示されています。削除しないようお気をつけください。

9.地図が表示されていることを確認して[上記の内容で設定]をクリック

以下の2つのページの組み合わせという感じです。

▼地図コードの取得方法「Googleマップ」編
https://pr.toriaez.jp/navi/howto/1131.html

▼アップロードした「画像ファイル」を使う
https://pr.toriaez.jp/navi/howto/61.html

記事を編集する
  • Userspainkojintabi
  • Calender2018-11-04 02:03:48

回答して下さいましたタクモンさん、本当に心から感謝いたします。
順番の通りにやりましたら、地図が画面に表示され、びっくり致しました。有難うございました。

記事を編集する
次のページ