★ Let's become a Web Designer! 【プロフィール】 【商品一覧】 【よくある質問】 【お問い合わせ】
 

スマホサイトに地図を表示する

 
ホーム はじめに 講座の効果 作成実績 受講者の声 パーツ集 作成ソフトの選び方 作成ソフトの比較 初心者用の講座
 
 
 
 
 
 
  トップページ > 無料スマホサイト作成講座 > スマホサイトに地図を表示させる方法
 

スマホサイトに地図を表示させる方法

スマホサイトに、地図を表示させる方法をお伝えします。

特に、店舗(お店)を運営している人は、スマホサイトに地図を表示させておくようにしましょう。 その地図を見ながら、お店に来てくれる人もいるので、地図の表示は必須になりますよ!

スマホサイトに地図を表示する



 

スマホサイトに地図を表示する方法は、
パソコンサイトに地図を表示する方法と一緒

スマホは、「小型パソコン」であるため、スマホサイトに地図を表示する方法と、パソコンサイトに地図を表示する方法は、一緒です。 同じ手順で、地図を表示することができるので、下記のページを見てみてください。

グーグルマップ(地図)をホームページ上に表示する方法


上記のページの手順どおりにやれば、スマホサイトに地図を表示することができますよ!



ただ、1点だけ、注意点がある

スマホサイトに地図を表示することは、とても簡単なのですが、1点だけ、注意点があります。 それは、「横幅(width)の設定」です。

スマホというのは、機種によって画面サイズが異なります。 そのため、スマホサイトに表示する地図は、どのスマホの画面サイズでも、キレイに表示されるように工夫をしてあげる必要があるということです。


具体的には、Google map の横幅は、デフォルトでは、具体的な数字(width="600")で指定されているのですが、 スマホサイトに貼り付ける場合は、下記のように、width の設定は、パーセンテージ(width="100%")に変更するようにしてください。


<iframe src="https://www.google.com/maps/embed?pb=!1・・80" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

↓ ↓ ↓ ↓ ↓

<iframe src="https://www.google.com/maps/embed?pb=!1・・80" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>


上記のように、Google map のソースに書かれている「横幅(width)の設定」を、パーセンテージで指定することで、どの画面サイズのスマホでも、地図がキレイに表示されるようになります。

スマホサイトに地図を表示するときは、ここがポイントになるので、width の設定を、パーセンテージに変更することだけ、忘れないようにしてくださいね!






【おすすめ外部コンテンツ】
 
会員制サイドビジネス講座
 
私がお金を稼ぐ理由 ~ お金を持ったときのメリット ~
 
インターネットで月20万円の収入を継続して稼ぐ方法
 
初心者用ホームページテンプレート
 

インターネットビジネスのすごさを認識してください
 
無料ホームページ制作講座の受講者の声
 
動画で覚える無料FX講座
 
ホームページが作れる能力は、最高の能力
 



当サイトで使用しているサンプルサイトを無料でダウンロード!

当サイトで使用しているサンプルサイトのデータを、無料でダウンロードできます。
サンプルサイトがあれば、さらにホームページの作り方が分かりやすくなりますよ!

当サイトで使用しているサンプルサイトの無料ダウンロードはこちら!



副業で月20万円の収入を、自宅の空いている時間で稼ぐための講座

インターネットを使ったサイドビジネス(副業)で、自宅にいながら、空いている時間で、月20万円の収入を得ていただくための方法 もお伝えしています。 これからは、「複数の収入源を持つこと」がとても大切なので、ぜひホームページで収入を得ていきましょう!

副業で自宅にいながら、収入を得るための講座はこちら!



 
今スタートできるサンプル
サイトを無料ダウンロード
 
サンプルサイトの無料ダウンロード
 
サイドビジネス講座
 
会員制サイドビジネス講座
 
初心者がホームページを自分で作れる能力を身につけて、 そのホームページをビジネスに活用する方法をお伝えする、会員制のサイドビジネス講座です。

この講座は、初心者がインターネットで収入を得られるようになることを目的として、運営しています。
 
 
 
HPテンプレート
 
自分で更新できる最短ホームページテンプレート
 
初心者が、簡単にホームページを作るための「ホームページテンプレート」です。

テンプレートと、たくさんのパーツ集をコピーして貼り付けるだけで、ホームページが完成する仕組みになっています。

さらに、テンプレートの使い方はすべて動画で解説しています。
 
ホームページのメリット
 
基礎講座と用語集
 無料ホームページ作り方 ホームページ基礎講座
 無料ホームページ作り方 HPでよく使う用語集
 無料ホームページ作り方 HTMLタグの書き方
 無料ホームページ作り方 スタイルシートの書き方
 
ホームページを作る前に
 
ホームページを作った後
 
インターネット副業
 
サイドビジネス・副業の始め方
 
初心者が、インターネットを使ったサイドビジネスで、自宅にいながら収入を得る方法を、すべて動画でお伝えするサイトです。

また、仕事ができるようになるノウハウや、「最高の成長法」などもお伝えしています。
 
 
メールマガジン
 無料ホームページ作り方 メールマガジンの登録
 
リンク集
 無料ホームページ作り方 当サイトへのリンク
 無料ホームページ作り方 役立つホームページ
 無料ホームページ作り方 家を購入した体験談
 無料ホームページ作り方 FX資産運用ブログ
 
会社概要
 
特定商取引に基づく表記
 
個人情報保護ポリシー
 
お問い合わせ先
 
 
NPO法人の推薦状
 
NPO法人の推薦状

 
当サイトは、NPO法人「起業とキャリア支援センター」様からの推薦を受けて、運営しています。
 
Twitter でシェアする
 
このページの内容が分かりやすいと思ったら、今すぐ Twitter でシェアしよう!
 
 
 
Facebook でシェアする
 
このサイトの内容が分かりやすいと思ったら、今すぐ Facebook でシェアしよう!
 
 
 
トップページプロフィール特定商取引法に基づく表記取り扱い商品一覧よくある質問お問い合わせ
 
 
Copyright © 動画で覚える無料ホームページ制作講座 All rights reserved.
 
by おすすめ副業ランキングサイト
^