じゃみじゃみ.net

食事処の記事が多いので、記事毎で地図が表示できたらいいなと思ってたのですが、ぴったりなプラグインがありました。


Lightweight Google Maps
http://wppluginsj.sourceforge.jp/lightweight-google-maps/


記事作成時に規定のカスタムフィールドに座標を入力することで、記事毎にGoogleMapを表示し、さらに固定ページにこれまでに入力した座標をまとめたGoogleMapも表示してくれます。
便利ですねぇ。
固定ページには、カテゴリの絞込み機能やキーワードタグ検索機能もあるのですごく実用的です。


【設定方法】
1. http://wppluginsj.sourceforge.jp/lightweight-google-maps/ からlw-google-maps140.tar.bz2をダウンロード

2. 解凍したフォルダ「lightweight-google-maps」を /wp-content/plugins にアップロード

3. GoogleMapを表示させたいページに以下のコードを追加(WordPressログイン→左メニュー[ページ]→[追加])
  <div id=”gmap_menu”></div>
  <div id=”google_maps”></div>
  ※<や>は半角に直してください

4. テンプレートを修正します。フッター、サイドバーもしくはページのいずれのテンプレートに
以下の記述がなければ追加する。あれば修正なし。
  <?php wp_footer(); ?>
  ※<や>は半角に直してください

5. 左メニュー[プラグイン]から Lightweight Google Maps を使用

6. APIKeyがない場合は取得してくる(URLを入力すればOK)
http://code.google.com/intl/ja/apis/maps/signup.html

7. 左メニュー[設定]→[Google Maps]を選択し各項目に入力(以下は設定した値です)
  あなたのGoogle Maps API キー
   APIキー:APIKeyを入力(持ってない場合は6へ戻る)
  固定ページ用地図
   ページID:左メニュー[ページ]→[編集]から3で追加したページのIDを入力(http://yourdomain/wp-admin/page.php?action=edit&post=2 の一番最後の番号「2」を入力)
   種類:地図
   横幅:<空白>(デフォルト: ウィンドウサイズに追従)
   縦幅:480px
   最近の位置情報地図の拡大率:10
   最近の位置情報マーカー表示数:100
   場所指定地図の拡大率:13
  各エントリー用地図
   種類:地図
   横幅:600px
   縦幅:200px
   拡大率:14
  携帯用地図
   横幅:128px
   縦幅:80px

8. 左メニュー[投稿]→[新規追加]から本文・タイトルを入力し、カスタムフィールドの新規追加をクリックして「Lat_Long」と入力し、値に座標を入力する(例. 36.033651,136.211972)

9. 座標が分からない場合は住所から座標を表示してくれるようなサイトがいくつかあるので、そこで座標を取得する(例. http://www.geocoding.jp/

10.記事を更新し、ブログ記事と指定した固定ページにGoogleMapと指定座標にポイントがあれば設定終了



トラックバック

コメントをどうぞ

Proudly powered by WordPress. EureKa theme designer denied.
Copyright © じゃみじゃみ.net. All rights reserved. Theme Provided By Web Resources