★ Let's become a Web Designer! 【プロフィール】 【ホームページ制作】 【ビジネス講座】 【お問い合わせ】 【運営会社】
 

google map の埋め込みとカスタマイズ

 
|トップページ |はじめにご覧ください |ホームページ制作講座の効果 |作成実績 |受講者の声 |パーツテンプレート集 |ホームページ基礎講座 |
 
 
|プロフィール |制作依頼 |ビジネス講座 |お問い合わせ |
 

google map の埋め込みとカスタマイズ

 
|トップページ |基礎知識 |ホームページソフト |HTMLタグ |CSS入門 |テクニック集 |
 
 
  トップページ > ホームページ作成で使えるテクニック
 

グーグルマップ(地図)をホームページに埋め込む方法

グーグルマップ(地図)をホームページ上に表示する方法をお伝えします。

店舗のあるお店は、ホームページに地図を表示させておいた方が良いですよね。
分かりやすい地図があると、お店に行きやすくなるためです。
グーグルマップ(地図)をホームページに表示するのは、もはや当たり前というレベルになってきました。他の地図を使うよりも、グーグルマップ(地図)の方が高性能ですし、無料で使うことができます。地図の掲載は、お客さんにとって分かりやすくなるので、地図はぜひ掲載するようにしましょう!


なお、表示する地図については、高性能な地図を無料で使える「Google マップ」を使った方が良いです。

ここでは、その「Google マップ」をホームページに表示する方法をお伝えします!




■ Google マップ(地図)をホームページ上に表示する手順

 
手順1:下記、Google マップのサイトにアクセスする。

・https://www.google.com/maps



手順2:地図に表示したい住所(お店の場所など)を検索する。



なお、ここでは例として、「東京スカイツリー」の場所を、地図で表示してみたいと思います。



手順3:左側にある、「共有」のボタンをクリックする。




手順4:「地図を埋め込む」のタブをクリックして、表示されている
ソースをコピーして、ホームページに貼り付ける。




ソースが表示されているので、そのソースをコピーして、ホームページ上に貼り付けましょう。 なお、貼り付ける場所は、「地図を表示させたい箇所」に貼り付けるようにしてください。



手順5:ホームページ上に、地図が表示されることを確認する。

下記のように、ホームページ上に地図が表示されたら、作業は完了です。






■ ちょっとしたカスタマイズ方法

 

表示される地図の「横幅」と「縦幅」を変更したい場合は、ソースの中の記述で、width(横幅)と height(横幅)の数字を変更することで、動画の大きさを変えることができます。

たとえば、「width="300"」と「height="300"」にすれば、下記のように、横幅と縦幅が300の地図が表示されるという形ですね。



表示するホームページの横幅に合わせて、width の設定を調整してみてください。



■ 地図は表示させよう!

 

グーグルマップ(地図)は、店舗がある お店の場合は、やはり、表示させておいた方が良いと思います。 地図があった方が、訪問者は分かりやすいからですからね。

地図があると、実際にそのお店に行く人も増えるので、地図はぜひ表示させておくようにしましょう。

もちろん、他の人にホームページを作って提供する、「ホームページ作成サービス」を行うときも、「地図を表示させておきましょうか?」と伝えると、「ぜひお願いします」となりますよ!



■ やり方が分からない場合は?

もし、やり方が分からなかったり、うまく行かなかった場合は、下記ページからお問い合わせください。


「こういうことを実現したい!」や「こんなことで困っている…」などを含めて、当サイトの運営者が、直接サポートさせていただきますね。





【よく読まれている関連記事】



ホームページについて、次のステップへ
自分で作りたい方、制作をお願いしたい方、作成スキルを仕事にしたい方へ。
目的に合わせてお選びください。
仕事にしたい
ホームページ作成を仕事にしたい方へ

AIを活用してホームページを作り、そのスキルを仕事や収入につなげたい方のための講座です。

作ってほしい
ホームページを作ってほしい方へ

「自分で作るのは難しい」という方へ。 分かりやすく使いやすいホームページを、低価格で制作しています。

自分で作りたい
自分でホームページを作ってみたい方へ

初心者向けのホームページテンプレートをご用意しています。 ホームページを作りながら、自分で作れる力を身に付けたい方におすすめです。



 
^