「WordPressにSimpleMapを導入する」の版間の差分
ナビゲーションに移動
検索に移動
Rin-scrooge (トーク | 投稿記録) (ページの作成:「WordPressにSimpleMapを入れてみたから、入れ方と使い方をまとめてみるよ。<br/> SimpleMapはWordPressの投稿にGoogleMapの地図を表示でき…」) |
Rin-scrooge (トーク | 投稿記録) |
||
| 11行目: | 11行目: | ||
=== 住所で設定 === | === 住所で設定 === | ||
住所が分かっている場合は、住所を入れるだけで表示されるよ。 | 住所が分かっている場合は、住所を入れるだけで表示されるよ。 | ||
| − | < | + | <syntaxhighlight lang="trac-wiki"> |
[map]東京都新宿区西新宿２−８−１[/map] | [map]東京都新宿区西新宿２−８−１[/map] | ||
| − | </ | + | </syntaxhighlight> |
（ちなみに上の住所は東京都庁だよ） | （ちなみに上の住所は東京都庁だよ） | ||
=== 緯度経度で設定 === | === 緯度経度で設定 === | ||
海の上とか湖の上など住所が存在しない場合は、緯度経度で指定できるよ。 | 海の上とか湖の上など住所が存在しない場合は、緯度経度で指定できるよ。 | ||
| − | < | + | <syntaxhighlight lang="trac-wiki"> |
[map lat="35.689634" lng="139.692101"][/map] | [map lat="35.689634" lng="139.692101"][/map] | ||
| − | </ | + | </syntaxhighlight> |
=== 表示するマップのサイズを指定 === | === 表示するマップのサイズを指定 === | ||
マップサイズの指定もできるよ。 | マップサイズの指定もできるよ。 | ||
| − | < | + | <syntaxhighlight lang="trac-wiki"> |
[map width="400px" height="300px"]東京都新宿区西新宿２−８−１[/map] | [map width="400px" height="300px"]東京都新宿区西新宿２−８−１[/map] | ||
| − | </ | + | </syntaxhighlight> |
=== 地図の倍率の指定 === | === 地図の倍率の指定 === | ||
地図の倍率も指定できるよ。 | 地図の倍率も指定できるよ。 | ||
| − | < | + | <syntaxhighlight lang="trac-wiki"> |
[map zoom="18"]東京都新宿区西新宿２−８−１[/map] | [map zoom="18"]東京都新宿区西新宿２−８−１[/map] | ||
| − | </ | + | </syntaxhighlight> |
=== Google Static Mapsの閾値を指定 === | === Google Static Mapsの閾値を指定 === | ||
これを見て初めて知ったんだけど…Google Static Mapsってマウスで動かせない画像地図みたいなものらしいよ。 | これを見て初めて知ったんだけど…Google Static Mapsってマウスで動かせない画像地図みたいなものらしいよ。 | ||
| − | < | + | <syntaxhighlight lang="trac-wiki"> |
[map breakpoint="320px"]東京都新宿区西新宿２−８−１[/map] | [map breakpoint="320px"]東京都新宿区西新宿２−８−１[/map] | ||
| − | </ | + | </syntaxhighlight> |
画面の横幅が320px以下の場合はGoogle Static Mapsを使って表示するみたいだよ。 | 画面の横幅が320px以下の場合はGoogle Static Mapsを使って表示するみたいだよ。 | ||
2019年7月26日 (金) 17:37時点における最新版
WordPressにSimpleMapを入れてみたから、入れ方と使い方をまとめてみるよ。
SimpleMapはWordPressの投稿にGoogleMapの地図を表示できるプラグインなんだ。
目次
SimpleMapの導入
- WordPressのダッシュボードの左のメニューから「プラグイン」→「新規追加」をクリックするよ。
- 「プラグインの検索」に「Simple Map」と入力して検索してね。
- 一覧に「Simple Map」が表示されたら、「いますぐインストール」をクリックしてね。
- インストールされたら「いますぐ有効化」のリンクをクリックしてね。
SimpleMapの使い方
住所で設定
住所が分かっている場合は、住所を入れるだけで表示されるよ。
[map]東京都新宿区西新宿２−８−１[/map]
（ちなみに上の住所は東京都庁だよ）
緯度経度で設定
海の上とか湖の上など住所が存在しない場合は、緯度経度で指定できるよ。
[map lat="35.689634" lng="139.692101"][/map]
表示するマップのサイズを指定
マップサイズの指定もできるよ。
[map width="400px" height="300px"]東京都新宿区西新宿２−８−１[/map]
地図の倍率の指定
地図の倍率も指定できるよ。
[map zoom="18"]東京都新宿区西新宿２−８−１[/map]
Google Static Mapsの閾値を指定
これを見て初めて知ったんだけど…Google Static Mapsってマウスで動かせない画像地図みたいなものらしいよ。
[map breakpoint="320px"]東京都新宿区西新宿２−８−１[/map]
画面の横幅が320px以下の場合はGoogle Static Mapsを使って表示するみたいだよ。
