中小企業・個人事業の簡単ホームページ作成ソフトならとりあえずHP

ご利用実績11000人突破!

ユーザー向け使い方サイトとりあえずHPNAVI

  • 30日無料体験のお申し込み
  • はじめて訪問された方とりあえずHP公式サイト
  • ユーザー向け使い方ガイドとりあえずHPナビサイト

助け合い掲示板

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

:一休 :2018-11-02 03:43:12
観光スポット、レストラン、宿といった旅行関係のホームページを作成したいので、ひとつひとつの記事の最後に地図を載せたいのですが、どのようにしたらよいのでしょうか?
ご質問者様へこの問題は解決しましたか? 解決した!
この質問に答える

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

:タクモン :2018-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

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

:spainkojintabi :2018-11-04 02:03:48
回答して下さいましたタクモンさん、本当に心から感謝いたします。
順番の通りにやりましたら、地図が画面に表示され、びっくり致しました。有難うございました。
次のページ

記事編集フォームログイン

投稿時に設定したパスワードを入力してください

この質問を解決済みにする

 

質問内容を解決済みに変更しました。

 

※自動的に再読み込みがされます。

コメントにより質問の内容が解決した場合、
解決した事をお知らせしましょう。

投稿時に設定したパスワードを入力してください
↑このページのTOP
  • 簡単ホームページ制作ソフトとりあえずHP
  • これってどうやるの?と思ったら使い方サポート
  • 問い合わせ前に必ずチェック!よくあるご質問
  • ユーザー同士でスピード解決!助け合い掲示板