2013
2
19
WordPressにレスポンシブ対応でGoogleMapを埋め込む方法

先日お店を紹介するのにGoogleMapの挿入方法を調べたのですが、今はスマホ対応も考えなくちゃならんのだなぁと思ったので、その方法をご紹介。


プラグインあり

住所を指定するだけで使用できるという超簡単仕様。使い勝手も良さそうですねー!

プラグインなし

こちらを参考にちょっと改変。

functions.php

横幅を100%にしておけば、画面サイズいっぱいで出力してくれます。縦幅についてはお好みでどうぞ。

本文

130219-1

ここのURLをコピーします。短縮だとうまくいきませんでした。

本文へこのように書き、URLをペースト。

このブログはレスポンシブではなく、ユーザーエージェントによるテーマ振り分けを行っているんですが、問題なく表示されました!(もしおかしかったら教えてください)

追記

バルーン(お店の名前とかがでるやつ)を消したいなってときは、さっきのURLの末尾に&iwloc=r0を付けると消えるみたいですー。(2014/3/3現在)

  • このエントリーをはてなブックマークに追加
  • follow us in feedly 618
  • RSSを登録

公開日:2013/02/19
更新日:2014/03/03


コメントを残す




*印は必須項目です。コメントは承認制ですので、反映までしばらくお待ち下さい。(稀にですがスパムの誤判定にて届かないこともあるようですので、必要な際はお問い合わせからお願い致します。)


back to top