WordPress:Google地図を表示する

お店関係のサイトを作る上では地図情報は必須とも言える項目。出来ればGoogle MapsをWordPressでも扱えるとうれしいな。そんな訳で検索してみたら早速それらしいプラグインが見つかった。

lightweight-google-maps

試してみたらそれほど難しくは無かったのでこれを使わせていただくことにした。検索したら使い方情報はいっぱい見つかるし、添付ドキュメントもしっかりしているから、今さら私が解説するまでもないだろう。

詳しくは添付Readmeを読むとして、要点だけ備忘録しておく

まずは下準備で地図表示用の固定ページを準備してからプラグインの導入と設定をする。

  1. 新規に固定ページを作成しタグを埋め込む
    <div id="gmap_menu"></div>
    <div id="google_maps"></div>
  2. プラグインを導入する
  3. GoogleのAPIキーを設定する(URLをチェックされているのでGoolgeに登録する必要あり)
  4. プラグインの設定で、固定ページのID番号(数字)を指定する

引き続き実際の地図情報を投稿ページで一つずつエントリーして行く。

  1. 新規に投稿ページを作成する
  2. カスタムフィールド:[Lat_Long]というフィールド名でマーカー座標を指定する
  3. 任意の説明文などを付けて投稿する
  4. 投稿したエントリーに小さな地図が表示される
  5. 位置情報マーカーをクリックすると上記で作成した固定ページの大きな地図にジャンプする。

プラグインの設定(設定>Google Maps)から下記の設定が行える。 

  • GoogleのAPIキーを設定できる(というかしないと使えない) 
  • 地図の大きさ指定(固定ページ、投稿ページ、携帯電話ページ)それぞれ指定可能。
  • 地図の種類(地図、衛星写真、合成画像)を選べる
  • デフォルトの拡大率(縮尺)を1~19の数値で設定できる

あとはガシガシ投稿し、[Lat_Long]というカスタムフィールド名に座標を指定しておけば、投稿に地図が自動で入るので非常に便利である。なおカスタムフィールドは一つ作ってしまえば、二つ目からはプルダウンメニューで選べるのでフィールド名を忘れても大丈夫。問題は座標の調べ方かも知れない。色々あるらしいがGoogle Mapsから調べるのが確実なのだろうか。

コメント

Comment spam is annoying.

There has been an increase in comment spam, but we decline it. It’s pointless because we use Akismet to block spam comments. Spam comments will not be posted.

コメントスパムが増えていますがお断りします。akismetでスパムコメントを弾いているので無意味です。スパムコメントは掲載されません。

ブロックしたスパム

DMM広告

タイトルとURLをコピーしました