地図を表示する方法

 
トップページ はじめに 作成実績 スマホテンプレート ネットで収入を得る
 
 

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

 

スマホサイトに、地図を表示させる方法をお伝えします。 特に、店舗(お店)を運営している人は、スマホサイトに地図を表示させておくと、訪問者が分かりやすいので、ぜひ実施してくださいね。



「Google map」を使用する

スマホサイトに地図を表示させるには、「Google map」を使います。
下記のページにアクセスをしてください。

https://www.google.co.jp/maps


そして、店舗(お店)の住所を検索すると、店舗(お店)の場所に、赤い矢印が表示されますよね。 あとは、メニューボタン(どこかにメニューボタンがあります・・)をクリックして、「地図を共有または埋め込む」のボタンをクリックします。

そうすると、地図を表示させるためのリンクをもらうことができます。




スマホサイトに、地図を表示するソースを貼り付ける

あとは、地図を表示させるためのリンクを、スマホサイトに貼り付けるだけです。 これで、スマホサイトに地図が表示されます。

ただ、1つ注意点は、横幅(width)の設定です。 デフォルトでは、width の設定は、具体的な数字(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>

こうすることで、どの画面サイズのスマホでも、地図がキレイに表示されるようになります。 width の設定を、パーセンテージに変更することだけ、忘れないようにしてくださいね。





 

 
ホームページの作り方
 
動画で覚える無料ホームページ制作講座
 
ホームページの作り方を、動画で見ながら覚えることができる 無料の講座 です。

インターネットを使ったサイドビジネスで収入を得るためには、 「ホームページを自分で作れること」 が必要になるので、このサイトが役に立ちます。
 
 
HPテンプレート
 
自分で更新できる最短ホームページテンプレート
 
初心者が、簡単にホームページを作るための 「ホームページテンプレート」 です。

なお、スマホテンプレートがセットになっているプランもあります。
 
収入を得る最短コース
 
会員制サイドビジネス講座
 
インターネットを使って、 月20万円の収入を得るために、 必要な知識と技術 を身につけることができる、会員制のサイドビジネス講座です。

これが、インターネットを使ったサイドビジネスで、 収入を得るための最短コース になります。
 
当サイトの運営者
 
インターネット副業 運営者プロフィール
 
 
NPO法人 推薦状
 
NPO法人からの推薦
 
NPO法人「起業とキャリア支援センター」様からの推薦を受けて、運営しています。