WordPressで複数の位置へマーカーを設定したGoogle地図が投稿や固定ページへ表示できるプラグイン「Map Multi Marker」 | Knowledge Base

WordPressで複数の位置へマーカーを設定したGoogle地図が投稿や固定ページへ表示できるプラグイン「Map Multi Marker」

Wordpressで場所の紹介をするとき、ある程度の範囲でいろいろな場所を同時に紹介したい機会があると思います。そんなとき、役に立つのが「Map Multi Marker」プラグインです。

1枚の地図上に複数のマーカーを設置して、クリックするとオリジナルの説明文や連絡先情報などが表示できるようにもなっているので地図に関しては至れり尽くせりのプラグインだと思います。

【Map Multi Marker】プラグインの基本的な機能・できること

  1. ショートコードで投稿や固定ページへ簡単に地図の挿入が可能
  2. 地図は複数作成可能
  3. 地図上のマーカーは無制限に設定可能
  4. マーカーの画像・説明などをオリジナルに設定できる
  5. 地図表示時の中央位置、ズームの調整が可能
この記事の内容について
このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については文末に記載しています
  5. 使用方法で紹介しているショートコードをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。

【Map Multi Marker】プラグインの設定画面や表示の日本語化と翻訳

当サイトで私が翻訳した【Map Multi Marker】プラグインの日本語化ファイルを配布しています。

翻訳ファイルは

Wordpressプラグイン【Map Multi Marker】の日本語翻訳ファイルのダウンロードページです。

からダウンロードできます(ダウンロードの方法や日本語の適用方法なども解説しています)

翻訳することで設定が容易になり、重要な項目の設定漏れも少なくなりますから日本語化をお勧めします。

※バージョン3.0.1をテストしたところ日本語で使用できるようになっていました。プラグインを更新することで日本語利用できるようになっています(バージョンアップにより仕様が変更となっていますので詳しくはプラグインの公式ページにある変更履歴や次項の内容をご覧ください)

【Map Multi Marker】プラグインのインストールと設定

インストールと設定方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。
を参照ください

プラグインの使用に際しては「Google Map API」を使用します。通常のGoogle Map APIを使用するようですから、設定画面で自身のAPIに変更してもいいと思いますが、標準でプラグイン作者のAPIキーが入力されているのでそのまま使用しても差し支えありません。

バージョン3.0.1からGoogle Map APIキーを取得しないと動作しないようになりました。

今回のプラグインとは関係ないので全くの余談ですが、Google Map APIは標準のホームページで使用するためのものと、スマホアプリで使用するものの2種類があります。前者は2016年11月現在完全無料ですが、後者は1日の表示数が1000を超えると有料になります。

設定項目はAPIキーの設定と標準の言語のみですから、特に変更する必要はありませんのでAPIキーを入力して更新すれば完了です。

【Map Multi Marker】プラグインの基本的な使い方

英単語が少しわかる方なら簡単に設定できますが、不安な方は前述の日本語化ファイルを適用してください。

地図の作成方法は

  1. ダッシュボードの「Map Multi Marker」を開きます
  2. 「新しい地図の作成」をクリックします
  3. 「地図の設定」を行います。この設定が表示される地図の基本情報になります。
    1. 地図名
    2. 地図の高さ
    3. 標準の拡大度
    4. 地図中央の緯度
    5. 地図中央の経度
    6. 地図の種類
    7. Lightbox
    8. マウスホイールでのズームを有効にする
    9. ストリートビュー
    10. 説明画面に表示する項目 画像/タイトル/説明/住所/電話番号/Webサイトのリンク
    11. 新しいマーカーを作成した際に標準で使用する画像
    12. 新しいマーカーを作成した際に標準で使用するマーカー
  4. 「マーカーの管理」をクリックします。これが地図上にマーク表示される内容の設定となります。複数ある場合は「追加」をクリックすることで1つの地図に複数のマーカーを設定できます

マーカー 画像/タイトル/説明/住所/電話番号/Webサイトのリンク/緯度/経度など、必須となる緯度・経度の設定の他、説明画面に表示する項目でチェックを入れた項目を入力します。マーカー画像の変更も可能です。

緯度・経度の調べ方は

ホームページへの地図表示や海外ツールを使った地図表示で結構使うことの多い「緯度(Latitude)」「経度(Longitude)」の設定。一度調べられるようになれば簡単に設定できるのですが、知らないと単純に「使いにくい」と思ってしまう事もありますね。今回はGoogle Mapを使った「緯度(Latitude)」「経度(Longitude)」の調べ方を紹介します。ちょっとした手順が必要ですが、慣れてしまえば簡単ですから是非覚えておきましょう。

を参照ください

以下は公式ページに掲載されている表示と設定例です

【Map Multi Marker】プラグインの便利な使い方・カスタマイズ方法など

より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。

地図表示のプラグインで私的に秀逸だと思ったのは

Wordpressでコンテンツを作る上で切り離せない地図表示。実際に地図を見て調整したそのものが挿入できるのがこのプラグインの一番気に行っているところです。「Pronamic Google Maps」は最近Google関連のツールで必須になりつつあるGoogle Apiキーの取得が不要なのも魅力の一つです。

一番いいところは投稿編集画面で地図を検索しながら表示される地図そのものを設定できるところと住所から地図の絞り込みができるところなのですが、マーカーを使用することができません。また、1つの複数の投稿や固定ページなどに紐づく形になるので複数の地図設置や複数の投稿などへの挿入ができません。

今回紹介するMap Multi Markerはマーカー表示はできるものの、地図作成の際には緯度・経度を調べる必要があるので面倒なのですが、「pronamic google maps」で残念だと思う、1つの複数の投稿や固定ページなどに紐づく形になるので複数の地図設置や複数の投稿などへの挿入はできるようになっています。

どちらを使うか?と迷うところですが、汎用性を考えると緯度・経度の調べ方に慣れてMap Multi Markerプラグインを使った方がいいのかもしれません。

Wordpressの本

Amazonの人気商品楽天市場の人気商品
CS Shop
はじめの一歩! サクサクわかるWordPress 4.x対応 [ 茂木 葉子 ]

はじめの一歩! サクサクわかるWordPress 4.x対応 [ 茂木 葉子 ]

1,814 円 (税込) 送料込
茂木 葉子 天野 裕子 マイナビ出版ハジメノイッポ サクサクワカルワードプレス ヨンテンエックスタイオウ モテギ ヨウコ アマノ ユウコ 発行年月:2016年11月25日 予約締切日:2016年11月22日 ページ数:256p サイズ:単行本 ISBN:9784839959876 Introduction WordPress..
【中古】 WordPressサイト構築スタイルブック デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック /エ・ビス..

【中古】 WordPressサイト構築スタイルブック デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック /エ・ビス..

98 円 (税込)
エ・ビスコム・テック・ラボ【著】販売会社/発売会社:毎日コミュニケーションズ/毎日コミュニケーションズ発売年月日:2006/11/11JAN:9784839921910
楽天ウェブサービスセンター CS Shop

プラグインに関するお問い合わせ

「こんなプラグインないの?」「設定方法をもっと詳しく教えてほしい」「プラグインを少しカスタマイズして使いたい」などのご相談は、こちらのリンクからお願いします(【ココナラ】のサイトへ移動します)。

ココナラ Wordpress プラグイン探し バナー
トップへ戻る