The current article

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

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

simplemap

capture

Simple Map

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

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

[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"]

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


Category

Service

Guidance

Salutation

WPCは大阪を中心に、ホームページ制作、リニューアル、コーディング、更新業務、各種印刷物制作、スキルアップ出張講習・セミナー等取り扱っております。
どこの会社に作成を依頼しようかとお悩みの方、リニューアルしたいんだけど良いプランはないかなとお探しの方、本格派のデザイナーにデザインを依頼したい、 コーディングだけ頼みたい、更新だけ頼みたい、パソコンやソフトの使い方を教えて欲しいなど、どんな事でもWPCまでお気軽にご相談ください。