GoogleマップをWordPressに統合する方法

公開: 2015-08-18

google-maps-header

読者に特定の場所への道順を教える最良の方法は、Googleマップを使用することです。あなたは彼らに住所を与えることができますが、Googleマップは彼らにもっと多くの情報を与えます。 Googleマップは、物理的な場所でビジネスを行っている場合や、イベントに関する情報を表示したい場合に特に重要です。マップの目的が何であれ、ニーズに合わせてマップをカスタマイズできます。

WordPressウェブサイトにGoogleマップを追加することの多くの利点のいくつかを次に示します。

読者があなたの場所への道順を取得できるようにする
ストリートビューで現在地を表示します
画像を表示します
読者が訪問したい場所を決定するのに役立つ複数の場所を表示します
現在の交通状況を示します
道路のクローザーを表示します
気象条件を表示します
そこに到達するのにかかる時間を示します
道路ビュー、自転車、地形ビュー、ハイブリッドビューなど、さまざまな旅行タイプで地図を表示します
ローカルSEOの改善に役立ちます
訪問者が使用できるように道順を印刷できます
あなたのサイトにあなたの読者を保ちます

GoogleマップはWordPressに簡単に統合でき、ユーザーは簡単に使用およびナビゲートできます。 Googleマップの統合は、プラグインを使用して無料で簡単に行えます。もちろん、少額の料金で多くの機能を追加できます。マップを手動でサイトに追加することもできます。 WordPressのウェブサイトにGoogleマップを追加するいくつかの方法を見てみましょう。

WordPressサイトにGoogleマップを手動で追加する

手作業で簡単に地図を投稿に埋め込むことができます。 Googleマップに移動し、目的のアドレスを入力して、ズームレベルを選択します。メニューで、[共有]または[地図を埋め込む]を選択し、[埋め込み]を選択して、コードをコピーして[テキストエディタ]タブの投稿に貼り付けます。マップはiFrameとして埋め込まれています。その後、ユーザーは地図上で設定した場所への道順を取得できます。

WordPressサイトにGoogleマップを手動で追加する2

埋め込まれたマップとの対話は困難です。ユーザーは移動したりズームしたりできますが、クリックして道順を取得すると、Googleマップに移動します。彼らがあなたのサイトに戻ってきた場合、彼らは道順やその他の情報を取得するオプションなしで地図を見るだけかもしれません。私がこれを試したとき、私の唯一の選択肢は、Googleでより大きな地図を見ることでした。これは機能しますが、より多くの機能が必要な場合はプラグインが必要です。

プラグインを使用してWordPressサイトにGoogleマップを追加する

GoogleマップをWordPressWebサイトに統合するプラグインはたくさんあります。これにより、ユーザーはサイトを離れることなく必要な情報を入手できます。それらの多くは基本的な機能を備えていますが、独自の機能を追加するものもいくつかあります。いくつかインストールして試乗しました。最高のプラグインとそれぞれの長所を見てみましょう。ほとんどのプラグインには基本的な機能があり、プロエディションとして拡張できます。

WPグーグルマップ

これは、200,000を超えるアクティブなインストールと4.3/5の評価を持つ最も人気のあるGoogleマッププラグインです。 iFrameを作成せずに、ショートコードを使用して投稿、ページ、またはウィジェットにマップを配置できます。マップはレスポンシブです。アニメーション付きの無制限のマーカーがあり、ストリートビュー、複数のマップタイプ（ロードマップ、地形、衛星、ハイブリッド）、ルート、ポリゴン、ポリラインなどをサポートしています。

マップの追加は簡単です。クリックして新しい地図を追加し、名前を付け、サイズ、ズームレベル、配置、タイプを設定し、住所、マーカー、その他の必要な設定を設定して保存します。次に、マップが必要な場所にショートコードをコピーして貼り付けます。

Professionalエディションは19.99ドルで、複数の地図を作成したり、訪問者がマーカーへの道順を取得したり、説明やカテゴリ、複数のマーカーアイコン、複数のポリゴンやポリラインを追加したり、訪問者の場所を表示したりできます。

これがなぜそんなに人気があるのかは簡単にわかります。誰もが必要とする機能のほとんどを備えており、セットアップはそれほど難しくありません。マップは見栄えがよく、読者にとって使いやすいです。

MapPress Easy Google Maps

このプラグインは、運転ルートとカスタムHTMLマーカーを使用してインタラクティブマップを作成します。マーカーは写真、リンクなどです。1つの投稿で複数のマップを作成できます。任意の住所のマーカーを追加したり、マーカーを任意の場所にドラッグしたり、緯度と経度の場所を配置したりできます。ストリートビューをサポートしています。それはリアルタイムで交通状況さえも与えます。表示するマップと設定を選択するために、ショートコードIDを使用することもできます。プログラミングが好きな場合は、プログラミングAPIがあるので、独自のマッププラグインを作成できます。

設定は簡単です。地図が表示される投稿の種類、投稿内のどこに表示されるか、道順がどのように機能するかを選択します。マップコントロール、配置、POI、ローカリゼーション、サイズなどを調整します。独自のCSSをインストールして、Webサイトに合わせてスタイルを設定することもできます。

Proバージョンは3サイトで29.95ドル、無制限サイトで49.95ドルです。どちらにも1年間の更新とサポートが含まれています。追加された機能には、カスタムマーカー、マッシュアップマップ、ウィジェット、リスト、カスタムフィールドから生成されたマップ、MapPressへのバックリンクなしなどがあります。

これは多くの機能を備えていますが、設定にとらわれていません。簡単です。アイコンがカスタマイズされているのも気に入っています。画像をマーカーとして配置できます。

リーフレットマップマーカー

これは、Googleマップの最も包括的なプラグインとして機能します。これにより、任意のページまたは投稿に場所と方向を表示できます。独自のGeo-CMSコードがあります。 1000を超えるアイコンとマーカーがあり、マーカーのポップアップの説明を設定して、レイヤーに整理することができます。マップはショートコードで配置されます。マップをエクスポートできます。

ズームレベルやサイズなどを調整できます。Googleマップ（道路、地形、衛星、ハイブリッドを表示）、Bing（道路、空中、空中+ラベルを表示）、Open Street Map、 Mapbox（道路と衛星を表示）、および任意のカスタムWMTSマップ。

HTML5を使用し、GPXトラックを表示し、ジオロケーション、ミニマップを使用し、QRコードを使用し、GeoJSONと統合する、29ユーロから始まるプレミアムエディションもあります。

これを使用するには、[新しいマーカーの追加]を選択してマーカーを作成し、名前を付けてアドレスを入力し、保存してから、提供されたショートコードをコピーして任意の投稿またはページに貼り付けます。 Proエディションをお持ちの場合は、必要に応じてサイズを調整し、レイヤーを追加できます。また、ビジュアルエディターにボタンが追加されるため、そこからマップを選択できます。これは間違いなくGoogleマップの最も機能豊富なプラグインの1つです。見た目も使いやすいです。

Googleマップウィジェット

これは、Googleマップをウィジェットに配置し、クリックすると大きなライトボックスウィンドウでマップを開きます。マップは、任意のページ、投稿、またはカスタム投稿タイプで表示することもできます。

すべての設定はウィジェット内で行われます。マップのサイズとタイプ（道路、地形、またはハイブリッド）を選択できます。デフォルトのピンを使用するか、カスタムピンのURLを指定できます。いくつかの無料のカスタムカラースキームから選択できます。マップの上と下の両方にテキストを作成します。通常のウィジェットとは独立して設定されるライトボックスの設定は同じです。

プレミアムサポートは19ドルです。メーリングリストに登録するだけで、プレミアム機能のロックを無料で解除できます。ロック解除された機能には、ショートコードのサポート、3つのサムネイルマップスキン、および2つのライトボックススキンが含まれます。

これを使用するには、ウィジェットを目的の場所にドラッグアンドドロップし、通常のウィジェットとライトボックスタブの両方にアドレスを入力します。ウィジェットをカスタマイズする場合を除いて、これですべてです。

私はそれが好きです。小さなウィジェットに地図を表示し、クリックすると大きなライトボックスが開きます。これにより、サイドバーを表示するすべてのページまたは投稿に地図を配置でき、読者が望むまで地図は邪魔になりません。これについて私が気に入っているもう1つの点は、複数のマップを表示できるように、必要な数のウィジェットを配置できることです。

WPグーグルマッププラグイン

これの無料版では、無制限の場所と地図を作成し、ショートコードを使用してページ、投稿、ウィジェットに表示できます。 500個のマーカーから選択するか、独自のマーカーを作成できます。道路、地形、衛星、ハイブリッドが表示されます。レスポンシブです。トラフィックレイヤーを使用して、リアルタイムの交通状況を表示します。自転車レイヤーを使用した自転車ルートが表示されます。

場所を作成するには、名前を付けて住所を指定し（地理コード、経度、緯度を使用することもできます）、メッセージを書き込んで、マーカー画像を選択します。マップを作成するには、名前を付け、高さを設定し、ズームレベルを選択し、入力し、作成済みの場所を選択し、レイヤーを選択し、いくつかの設定を選択します。これで完了です。次に、マップのリスト（[マップの管理]の下）に移動し、ショートコードをコピーしてコンテンツに貼り付けます。必要なマップを編集できます。

Proエディションは17ドルからで、多くの新機能が追加されています。組み込みのインターフェイスを使用してオーバーレイを定義したり、独自のスキンを設計したり、道路、場所、水をオフにしたり、カスタマイズ可能なオプションでポリゴンやポリラインを表示したり、お問い合わせフォーム7の統合、場所によるフィルタリングなどを行うことができます。

ダッシュボードで管理できる機能はたくさんあります。必要に応じて無視できます。場所、地図、マーカーグループを作成および管理できます。ズームレベル、パン、スケールを設定したり、各マップの概要とストリートビューを個別にオフにしたりすることもできます。ショートコードがどこにあるかは明確ではありません。それらは[マップの管理]タブにあります。

CPグーグルマップ

これにより、投稿自体にジオロケーション情報を配置することで、Googleマップを投稿に自然に追加できます。同様のカテゴリ内の投稿のマーカーも表示されます。表示するマーカーの数を選択できます。読者がマーカーの上にマウスを置くと、それが属する記事が強調表示されます。カスタマイズオプションはたくさんあります。たとえば、マーカー、ズームレベル、地図のサイズ、地図の種類、言語、投稿内の場所などをカスタマイズできます。

ほとんどの設定よりも多くの設定がありますが、それでも使いやすく、デフォルトを使用する場合はほとんどの設定を無視できます。無料版では、マップのサイズとズーム、タイプ、言語、ドラッグを許可するかどうか、情報バブルの表示、注目の画像の表示を調整できます。表示する関連投稿の数や表示するオプションの種類などの投稿情報を選択することもできます。

利用可能な2つのプレミアムエディションがあります。 1つ目は19.99ドルのProfessionalバージョンで、特定のカテゴリのすべてのポイントの読み込み、投稿、タグ付け、図形やルートの描画、凡例の作成、リンクの表示、複数の地図の表示、スタイリングの許可、ユーザーの場所の表示、生成が可能です画像データやジオロケーション情報などに基づく動的ポイント。

また、49.99ドルの開発者向けバージョンもあり、ポイントに関連付けられた連絡フォームを設計し、メールアドレスをポイントに関連付け、それらの関連付けに基づいてメールを送信し、ポイントに関連付けられた画像を使用し、CSVのインポートとエクスポートを可能にします。もっと。

ビジュアルエディタの下に新しいセクションが追加されます。これにより、マップを作成して投稿やページに追加できます。すべての設定を完了したら、ボタンをクリックしてマップタグを挿入することにより、マップを投稿に追加できます。タグはその特定の投稿を参照するため、shorcodeをコピーすることはできませんが、新しい投稿で同じ地図を作成する場合は、場所をコピーできます。デフォルト設定を維持したい場合を除き、他のすべての設定はマップごとに個別に設定する必要があります。

マップリストプロ

このプレミアムプラグインを使用すると、ページング、並べ替え、検索、およびフィルタリングが可能なリストに場所を表示できます。ユーザーはテキストと場所で検索できます。店舗検索、住所、連絡先リストの作成に最適です。カスタマイズ可能な35のスタイルがあります。分類された場所、カスタムマーカーとアイコンの作成、注目の画像の追加、他のページへの検索フォームの追加、地図の位置の変更、地図のみまたはリストのみの表示、クラスター化されたマーカーの表示などを行うことができます。すべての機能と設定をオンまたはオフにすることができます。

価格は19ドルから。

最終的な考え

これらのプラグインはすべて、セットアップと使用が簡単です。それらの間で、必要な機能の組み合わせを見つけることができます。事実上、それらのすべてがそれほど費用がかからないプロ版を持っているので、無料版では利用できないその1つまたは2つの機能を手に入れるために銀行を壊すことはありません。それらは見栄えがよく、使いやすく、Webサイトを離れることなく読者に必要な情報を提供します。

君はどうでしょう？ GoogleマップをWordPressWebサイトに統合しましたか？ これらのプラグインの1つ、別のプラグインを使用しましたか、それとも別の方法を使用しましたか？ 以下のコメントでそれについて教えてください。