WordPressに簡単にGoogleマップを設置できるプラグイン Simple Map

WordPressに簡単にGoogleマップを設置できるプラグイン Simple Map
このエントリーをはてなブックマークに追加
PR

WordPressの記事に簡単に地図を挿入するプラグインです。
設定等はなく、書くショートコードで色々カスタマイズする事ができます

 

Simple Mapの基本的な使い方

http://wordpress.org/plugins/simple-map/

プラグインは最新のWordPressでは管理画面からインストールのが簡単です

WordPressに簡単にGoogleマップを設置できるプラグイン Simple Map

インストールが完了したら有効化を行います

 

投稿で次のショートコードを入れるだけで動作可能です、複数のショートコードのタイプがあります

投稿エディタ画面でショートコードを書くだけ
WordPressの管理画面に行かなくてもブログエディタでショートコードを書くだけで利用できるので便利です

タイプ1 住所、地名等を指定する

[map addr="大阪城"]

 

タイプ2 住所、地名等を指定する

[map]大阪城[/map]

 

タイプ3 座標を経度緯度で指定

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

 

タイプ4 Google MAPの埋め込みURLを指定する

https://maps.google.co.jp/maps?q=%E3%82%B9%E3%82%AB%E3%82%A4%E3%83%84%E3%83%AA%E3%83%BC&hl=ja&ie=UTF8&ll=35.710333,139.810971&spn=0.00798,0.0056&sll=35.710768,139.811776&sspn=0.00798,0.0056&t=h&brcurrent=3,0x6022185bef27c217:0x9a4afb839b78c580,0&radius=0.19&hq=%E3%82%B9%E3%82%AB%E3%82%A4%E3%83%84%E3%83%AA%E3%83%BC&z=17

WordPressに簡単にGoogleマップを設置できるプラグイン Simple Map (2)

 

横幅はレスポンシブで画面いっぱいになります、個別に指定することも可能です

 

カスタマイズ

[map addr="大阪城" width="100px" height="100px" zoom="20"]

widthで横幅、heightで高さ、zoomでズームの具合を指定できます

 

ポップに文字を入れることも可能

[map addr="大阪城"]大阪城[/map]

タイプ2では 住所や場所がそのままポップの内容になります

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)