The current article

レスポンシブ対応グーグルマップのプラグイン

今回はWordPressでレスポンシブデザインに対応したGoogle Mapを貼り付けるためのプラグインをご紹介します。
簡単なショートコードで地図を設置することができて、とても便利だと思います。

capture

上記サイトで作者の方が詳しく説明しています。

設定方法は、プラグインをインストールして有効化するだけ。
後はショートコードに住所を入力して、ページに貼り付けるだけです。

[map addr="東京都千代田区永田町1-7"]

緯度経度でも指定可能。

[map lat="35.677443" lng="139.74498"]

幅と高さをパーセントで指定出来たりもします。
これを使うとレスポンシブに対応できます。

[map addr="東京都千代田区永田町1-7" width="100％" height="300px"]

地図の倍率も指定できます。

[map addr="東京都千代田区永田町1-7" zoom="18"]

とっても簡単なので、一度使ってみてはいかがでしょうか。