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

公開日:2016年11月13日 コンテンツ追加
Knowledge Base Wordpress プラグイン
Wordpressで場所の紹介をするとき、ある程度の範囲でいろいろな場所を同時に紹介したい機会があると思います。そんなとき、役に立つのが「Map Multi Marker」プラグインです。

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

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

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

WordPressで任意の場所へコメントを吹き出し表示できるプラグイン「Inline Comments」

WordPressで登録ユーザーがフロントエンドから広告の投稿(有料/無料)をできるようにするプラグイン「WPAdverts – Classifieds Plugin」

WordPressで画像やYoutube動画のプレビュー、記事へのリンクなどをスライド表示するプラグイン「WonderPlugin Slider Lite」


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

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

翻訳ファイルは

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

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

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

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

インストール方法

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

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

を参照ください

プラグインの使用に際しては「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サイトのリンク/緯度/経度など、必須となる緯度・経度の設定の他、説明画面に表示する項目でチェックを入れた項目を入力します。マーカー画像の変更も可能です。

緯度・経度の調べ方は

を参照ください

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

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

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

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

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

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

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

Wordpressの本

Amazonの人気商品楽天市場の人気商品
いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) / 石川..

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) / 石川..

1,738 円 (税込)
基本情報ジャンル建築・理工フォーマット本出版社インプレス発売日2019年07月ISBN9784295006664発売国日本サイズ・ページ280p 21×19cm関連キーワード 9784295006664 出荷目安の詳細はこちら>>楽天市場内検索 『在庫あり』表記について 
WordPressセキュリティ大全 [ 吉田哲也 ]

WordPressセキュリティ大全 [ 吉田哲也 ]

2,420 円 (税込) 送料込
吉田哲也 秀和システムワードプレスセキュリティタイゼン ヨシダテツヤ 発行年月:2019年10月18日 予約締切日:2019年06月19日 ページ数:224p サイズ:単行本 ISBN:9784798058900 吉田哲也(ヨシダテツヤ) 有限会社TY Planning代表取締役。webコンサルタント・上級ウェ..
楽天ウェブサービスセンター CS Shop
ひまあーと(管理人)
  • 記事の作者: ひまあーと(管理人)

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。


いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報