Home > WordPressプラグイン > Google Maps for WordPress日本語版

Google Maps for WordPress日本語版

  • 2010-05-26 (水) 19:32

Google Mapsを記事やページに挿入するためのプラグインです。地図の指定に住所やスポットによる指定も可能となっています。

Google Maps for WordPress(英語版)を日本語化したものです。

ダウンロードはこちらから(公開場所:SourceForge.JP)

なおこのプラグインと一緒にLightbox 2と一緒に使用する場合、Safariによる表示で不具合が生じることがあるかも知れません。不具合があった場合ははlightbox-2-wordpress-pluginフォルダ内のlightbox.phpに、ブログで紹介した修正をご自身で施すか、下記のzip書庫を解凍すると生成されるphpファイルへ差し替えてご使用ください。

Lightbox 2 修正ソースコード(zip書庫)
(サイズ:910Byte / 公開2008.06.23)

なお、そのうち公開場所を WordPress Plugins/JSeries にするやも、です。その際にはまたお知らせいたします。
プラグインの公開場所を WordPress Plugins/JSeries に変更いたしました!(2008年8月6日 追記)

インストール

zip書庫を解凍後、生成されるファイルを/wp-content/plugins/にアップロードしてください。その後プラグイン一覧にて有効化してください。

使い方

使用する前にGoogle Maps API Keyを取得する必要があります。Google Maps API Keyは次のリンクから取得してください。

Google Maps API – Google Code

プラグインを有効化すると『プラグイン』のサブメニューとして『wpGoogleMaps設定』のサブメニューが現れます。そのメニューを選択後、上記のサイトで取得したAPI Keyを入力して設定してください。

Your Google API Key appears to be valid!

の文字が現れればAPI Keyが有効になった証拠です。

プラグインが有効化すると記事やページの投稿ページに『Google Maps for WordPress』のオプションが選択できるようになります。オプション内は次の設定が出来るようになっています。

  • 地点名
  • 住所
  • 地点の説明
  • 地図の表示幅
  • 地図の表示高さ
  • オプション

地点名と地点の説明は地図上で表示される吹き出しに記載されるデータです。住所はランドマークを配置する位置です。地図の表示幅と高さは指定しなければ、幅:100% / 高さ:400px で表示されます。オプションと指定できる内容は次の通りです。

  • マウスホイールによるズームを有効にする
  • ズーム/パンの調整を有効にする
  • 地図タイプの設定を有効にする(地図・衛星写真・両方)
  • この位置への経路を取得するオプションを表示する
  • この位置からの経路を取得するオプションを表示する

これらのオプションのうち上から4つまではデフォルトでチェックが付いています。必要に応じて選択してください。

使用例

このプラグインによる表示例はこんな感じです。設定は次のようにしてます。

  • 地点名:東京タワー!!
  • 住所:東京タワー
  • 地点の説明:言わずと知れた東京のランドマーク(^-^)
  • 地図の表示幅:デフォルト(100%)
  • 地図の表示高さ:450px

オプションの設定は次の通り:

  • マウスホイールによるズームを有効にする:ON
  • ズーム/パンの調整を有効にする:ON
  • 地図タイプの設定を有効にする(地図・衛星写真・両方):ON
  • この位置への経路を取得するオプションを表示する:ON
  • この位置からの経路を取得するオプションを表示する:OFF

もし当プラグインに於いて日本語表記がおかしいところがありましたらお知らせください。

コメント:9

  1. tonton 09-09-16 (水) 16:13 返信

    便利そうなので早速WP2.8.4へ入れてみました。
    プラグインは認識してAPIコードも入りました、しかし…Your Google API Key appears to be valid!というコメントがでないのです。
    何回やり直してもダメでマップも表示されません。
    試しに英語版をインストールしましたらあっさりと表示されました
    ちなみにMacOS-XでFireFoxから操作しています
    何故でしょう?

    • みやび 09-09-18 (金) 13:53 返信

      コメントありがとうございます。
      ご連絡が遅くなり申し訳ありません。

      早速、当方の環境であるWinXP、FireFox、WP2.8.4で確認したのですが、
      残念なことに再現させることが出来ませんでした…。
      ただ、英語版でAPIキーが登録できたなら、日本語版に入れ替えても使用すれば問題なく動作するはずです。
      (なおAPIキーが登録できてない状態では英語・日本語にかかわらずマップは表示されません)

      マップの表示についてはご使用になっているテーマやプラグインなどが影響して表示されないことがあります。
      デフォルトのテーマに戻してみたり、有効になっているプラグインを全て一時無効にしてみたりして、
      マップが表示されるか確認していただければと思います。

      ちなみに英語版ではInternet Explorerにてマップが表示が出来ないという不具合がありましたので、
      マップを表示するためのコードについては英語版と日本語版では異なるコードにしております。
      (マップの表示に関するコードの変更についてはWinXPにて
       Internet Explorer、FireFox、Safariそれぞれで動作確認済みです)
      マップ表示についてデフォルトのテーマ・他のプラグインを停止させた上で、
      英語では表示されるのに日本語では表示されないなら、この改変が問題かも知れません…。

  2. mata 10-05-26 (水) 3:48 返信

    プラグインの公開ありがとうございます。

    私はwordpress バージョン2.9.2を使っているのですが、
    投稿ページで「地図をエディターに送る」ボタンをクリックしても、
    エディタ領域になにも反映されませんでした。
    Javascriptのエラーを見ると、必要なJSファイルが読み込まれていなかったようなので、
    headerのphpにてJSファイルを読み込むように記述したところ、動作するようになりました。

    エントリーの表示ページでも同様の現象が出ていましたので、
    同じような対応で、無事、地図を表示させることができました。

    老婆心ながらご報告させて頂きます。。
    (便利なプラグインなので、ありがたく使わせて頂きます)

    • みやび 10-05-26 (水) 18:45 返信

      コメントありがとうございます。

      早速ご連絡いただいた不具合について確認してみましたが、
      当方の環境では再現させることができませんでした。
      また、HeaderにおけるJavascriptファイルの読み込みについても問題なく、
      残念ながらご報告いただいた現象を確認することができませんでした。
      せっかくご報告いただいたのに
      その現象を確認できないがために無駄にしてしまうのかと思うと残念です…。
      なお、日本語版は英語版を日本語表示する改変しかしておりません。

      もしよろしければオリジナルである英語版でも同様に問題が起きるかどうか、
      ならびに問題が発生したときの環境(ブラウザなど)をご報告いただけましたらと思います。
      (ご報告いただいたところで当方で再現できるかどうか
       分からないのが申し訳ないところなのですが……)

  3. mata 10-05-28 (金) 15:56 返信

    当初日本語版を使用して、前記の状態でしたので、英語版も試してみましたが、
    同様の現象でした。

    >なお、日本語版は英語版を日本語表示する改変しかしておりません。
    ああ。。ということは本件の報告すべき先は違うかもしれませんね。。
    申し訳ありません。。

    ちなみに利用した環境は
    windowsXP(SP3)+FireFox3.6.2
    wordpress バージョン2.9.2
    でした。

    レスありがとうございました。

    • みやび 10-05-28 (金) 17:42 返信

      再度コメントを頂きありがとうございます。

      お知らせいただいた環境がたまたま手元にありましたので
      表示されるかどうか確認したところ当方では問題なく表示されております。
      プラグインのコード上ではWordPress独自の関数を利用して
      JSファイルへのリンクの記述をHeaderに書き出すようになっているので、
      もしかするとご使用になっているテーマに依存する問題かもしれません。

      もしよろしければWordPressインストール時に付随しているテーマ(Default)にて
      地図が表示されるかどうか確認してみてください。

      …こういうかたちでしかお力になれず申し訳ありません。

  4. yuzurin♪ 10-07-07 (水) 11:48 返信

    こんにちは、全然、ブログが判っていないオッチャンです。
    京都の街あるきをしていて、最近、GPSロガーなるものがあるときき、いろいろ調べていました。
    付属のソフトで、地図上に撮影した写真と軌跡を記録できるとありますが、通常のブログにそれを再現できるか?という疑問には、どの方も応えてくれませんでした。
    今回、御紹介のプラグインを使う事で、それらも解消できるのではと思っていますが、一つ質問です。
    これらのプラグインは、汎用性のある、アメブロとかFC2ブログとか、yahooブログといったところでも、「HTMLタグを有効につかえる」ところであればOKなんでしょうか?

    • みやび 10-07-08 (木) 0:06 返信

      コメントありがとうございます。

      私が公開しているプラグインはWordPress というブログサイトを独自で構築・管理するためのツールに対して、
      機能を追加するためにインストールすることでより便利に使用するためのプラグインです。
      従いましてyuzurin♪ 様が汎用性にあるブログサイトとして挙げていただいた、
      アメブロやFC2ブログ、Yahooブログなどの『レンタルブログ』と呼ばれているブログサイトでは
      残念ながら当プラグインを使用することができないと思います。
      理由はそれぞれのサイトではWordPressというブログツールを使用せずに
      各々が独自でレンタルブログの構築・管理をしているためです。
      (ただし WordPress.com というレンタルブログサイトは
       WordPressにて構築されているので使用することが可能だと思います)
      また残念なことに当プラグインは地図上に写真や軌跡を掲載するものではなく、
      ランドマークをピンポイントに示すだけのプラグインです。

      もし汎用性のあるブログサイトにて写真と軌跡を記録した地図を表示したいということでありましたら、
      地図機能と連動している写真共有サイトを利用し、
      写真を貼り付けた地図をHTMLタグを利用してブログに反映する方法が簡単だと思います。
      これには写真共有サイトにアップロードする写真にあらかじめ
      GPSロガーなどから取得した撮影場所を示す位置情報を追加しておく必要があります。
      (これについては使用しているGPSロガーにより方法が異なるので説明書などで確認してください)

      ざっと調べてみましたが、
      ご希望の機能を使用するのなら『Picasa ウェブアルバム』という写真共有サイトと
      Googleマップのマイマップという機能を組み合わせて使用すると良さそうです。
      方法などは下記のサイトをご覧ください。

       Picasa ウェブアルバム Googleマップに写真の撮影場所を登録する Webアプリのいいところ

      また、このほかにもGoogleなどで検索を掛けると様々な方法が出てくるかと思います。
      いろいろ調べてみてくださいましたら幸いです。

  5. yuzurin♪ 10-07-08 (木) 12:08 返信

    大変、参考になりました!御親切に、サイトまで御案内いただき、感謝です。
    まず、GPSロガーを買ってから少しづつ、サイトを立上げて行きたいと思います。
    ありがとうございました♪

コメントフォーム
Remember personal info

トラックバック:4

このエントリーのトラックバックURL
http://shinonon-web.net/wordpress-plugins/google-maps-for-wordpress-japanese/trackback/
Listed below are links to weblogs that reference
Google Maps for WordPress日本語版 from ある日の小さなつぶやき
pingback from Google Maps for WordPress日本語版 公開しました - ある日の小さなつぶやき 08-06-23 (月) 2:34

[...] Google Maps for WordPress日本語版 | ある日の小さなつぶやき [...]

pingback from Google Maps for WordPress 日本語版バージョンアップしました - ある日の小さなつぶやき 10-01-14 (木) 19:49

[...] プラグインの詳細・ダウンロードは当ブログ『Google Maps for WordPress日本語版』をご覧くださいね。 関連記事:Lightbox 2 日本語版 2種類を公開しました [...]

pingback from PC初心者向けパソコンサポート » WordPressお薦めプラグイン (2) 10-06-03 (木) 20:58

[...] 「Wordpress内にGoogleマップを設置」 http://shinonon-web.net/wordpress-plugins/google-maps-for-wordpress-japanese/ [...]

pingback from Google Map for WordPressをCSSファイルにリンクできるようにしました - ある日の小さなつぶやき 10-07-14 (水) 11:54

[...] というのも、私が公開している Google Maps for WordPress 日本語版 なんですが、表示させる地図の幅は生地に地図を埋め込む際に指定ができます。でもそれ以外のレイアウト、たとえば地図の [...]

Home > WordPressプラグイン > Google Maps for WordPress日本語版

  • DSのゲーム欲しいと思ってけど、よく考えたら途中放置のゲームがいくつか。DQ5とFF3はラストダンジョン直前で。アヴァロンコードなんかは中盤手前で止まってるからなぁ(´Д`) [mb] 18 hrs ago
  • 昨日とった証明写真、見れば見るほど自分ってこんなに不細工だったのかと思ってしまう。そりゃ、かわいいなんて思ってる訳じゃないけど、出来ることならそれなりに…とは思いたい。 [mb] 18 hrs ago
  • 昨日TLで見た「ワケわからん@」のフレーズが引っ掛かって仕方ない。botならともかく自分が投げたツイート見て投げられた@なら、その「ワケわからん」のフレーズは@した人も見てるってことに想像力が働かないんだろうか?と。 [mb] 23 hrs ago
  • More updates...

Powered by Twitter Tools

Flickr Recent Photos
アイスフルーツティ舞鶴国際埠頭DSC_0011五老スカイタワー五老ヶ岳からの展望 (槙山方向)五老ヶ岳からの展望 (舞鶴湾)五老ヶ岳からの展望 (東舞鶴方向)つる亀亭 (Tsurukame-tei)彦根観光センター伊吹そば (Ibuki buckwheat noodle)
タグクラウド
最近の投稿
最近のコメント
最近のPings

Return to page top