Tool & Snippet

WEB系/3DCG・映像系に関すること

GoogleMapsをホームページに表示する方法を考える

納品後、お客さんによって更新・ページの追加をする場合、

一番簡単で迷わない方法を考え中。。。

 

1. GoogleMapsで住所を指定し、生成されたiframeを配置

  → 簡単にできそう

  Q. ”ウェブサイトへの地図埋め込み用 HTML コード”をカスタマイズ 

2. jQueryのプラグインを使って配置

  → 設定内容を変更することは容易にできないし、追加配置することができない

3. Wordpressのカスタムフィールドやプラグインを使って配置

  → 細かい入力が必要だけど、できそう

  Q. 「大きな地図を見る」のリンクは、”https://maps.google.co.jp/maps?hl=ja&q=住所” のみでも正常に表示されるのか?

 

Q. ”ウェブサイトへの地図埋め込み用 HTML コード”をカスタマイズ

 <iframe  width="425" height="350" src=" ~ &amp;output=embed"></iframe>...

 1.フレームのサイズ(幅・高)を任意の数値に変更

  width="幅" height="高"

 2.インフォウィンドウを表示させない設定

  src=" ~ "の最後に、&amp;iwloc=B を追記する

  (追記の場所は、?以降)

 

Q. 「大きな地図を見る」のリンクは、”https://maps.google.co.jp/maps?hl=ja&q=住所” のみでも正常に表示されるのか?

 表示されるみたい。

 ズームレベルは14(デフォルトなのだろうか?)。