Web制作・開発会社 プレスマンのスタッフブログ

PRESSMAN*Tech

【WordPress】GoogleMapを無料でサイト上に表示したい!

Responsive iframe GoogleMapとは

WordPressのプラグインです。簡単にGoogleMapをWordPressのサイト上に配置できます。
iframe埋め込みのGoogleMapを利用しているため、APIキーを一切利用せずに無料でご利用いただけます。
レスポンシブデザインにも対応しており、スマホでもしっかり表示されます。

以下のWordPress公式サイトのプラグインページよりダウンロードできます。

Responsive iframe GoogleMapの使い方

1. 投稿画面で、GoogleMapを配置したい箇所にショートコードを入力します。エディタメニューのGoogleMapボタンでショートコードを自動入力することができます。

ショートコードの例

住所で指定する方法 :
[responsive_map width=860 height=500 address="東京駅" zoom=16 border="1px solid #ccc"]
緯度・経度で指定する方法 :
[responsive_map width=860 height=500 latitude=35.681236 longitude=139.767125 zoom=16 border="1px solid #ccc"]

ショートコードのオプション説明

2. 投稿します。

たったこれだけでWordPressサイト上にGoogleMapを配置できます。

ダウンロード先

プラグイン

以下のWordPress公式サイトのプラグインページよりダウンロードできます。
https://ja.wordpress.org/plugins/responsive-iframe-googlemap/

GitHub

GitHubにてソースコードを公開しています。
GitHubページ「Responsive iframe GoogleMap」リンク
ぜひ、GoogleMapを簡単に配置できる、本WordPressプラグインをご利用ください。
https://www.pressmantech.com/story/%e3%83%97%e3%83%ac%e3%82%b9%e3%83%9e%e3%83%b3%e8%a3%bd-wordpress-%e5%85%ac%e5%bc%8f%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ae%e7%b4%b9%e4%bb%8b