メイン コンテンツにスキップ

WP Location Finder:API構成をマップします

1. マップ API を作成するには?

1.1 GoogleマップAPIキーとAPIサービスを取得します

Google Maps APIを使用するたびに、2016年6月22日以降にドメインが作成されている場合は、リクエストを検証するためにキーを含める必要があります。
キーを取得してAPIを有効にします: https //developers.google.com/maps/documentation/javascript/get-api-key

詳細: https://developers.google.com/maps/documentation/javascript/usage?hl=ja

Google Cloudコンソールに移動したり、プロジェクトを選択したり、新しいプロジェクトを作成したりする必要があります。次に、 [+資格情報の作成]ボタンをクリックし、 [APIキー]オプションを選択します。

 

create-api-key

 

次に、次の手順に従って、 [作成]ボタンをクリックして新しいAPIキーを取得します。次のステップのために保存します。

 

api-keyが作成しました

 

さらに、特定の必要なAPIサービスを有効にする必要があります。 Googleコンソールで、 APIS&Services、以下に示すように見つけます。

  • マップJavaScript API
  • ジオコーディングAPI
  • ジオロケーションAPI
  • APIを配置します
  • 方向API

 

API-Servicesを有効にします

 

1.2 Google Map ID を作成するには?

マップIDを作成するには、マップ管理ページに移動してください。 [マップIDの作成]をクリックします。

 

create-new-map-id

 

次に、新しいマップIDページを作成して、次のことを行います。

  • 名前:マップID名を入力します。
  • 説明:マップIDの使用(オプション)を説明する
  • マップタイプ: JavaScriptを選択し、ラスター(デフォルト)またはベクトルマップタイプを選択します。

 

New-Map-ID-Fields

 

[保存]をクリックして、新しいマップIDを表示することを忘れないでください。設定のために保管してください。

 

MAP-ID作成

 

注:マップIDは、Googleクラウドに保存されているGoogleマップのスタイリングと構成設定を表す一意の識別子です。マップIDがない場合は、テスト目的でマップID「demo_map_id」を使用します。

 

1.3 OpenStreetMap トークンを作成するには?

こちらにアクセスして新規アカウントを登録するか、既存のアカウントにサインインしてください。この手順は、アクセストークンを生成する前に必須です。

サインインに成功したら、ユーザー設定またはアカウントメニューで「アクセストークン」「アクセストークンを作成」オプションを見つけて選択し、トークン生成プロセスを開始します。トークン作成に必要なすべてのフィールドは、アクセストークンページに直接表示されます。トークンを作成するには:

  • 後でこのトークンを識別するのに役立つ説明的な名前を「ラベル」
  • 以下の2つの追加フィールドは空のままにしておきます(ほとんどのユーザーにとってはデフォルト設定で十分です)
  • 「作成」をクリックして新しいアクセストークンを生成します

 

アクセストークン

 

新しいアクセストークンは作成後に表示されます。このトークンは後続の設定手順で使用するため、必ずコピーして安全な場所に保管してください。

 

トークン生成

 

2. メイン設定セクション

地図プロバ​​イダー

地図プロバ​​イダの設定を行うには、 「メニュー」→「ロケーションファインダー」→「設定」→「メイン設定」に進みます「Google」「OpenStreetMap」の

プロバイダーとして Google マップを選択した場合は、前のセットアップ手順の資格情報を使用して次の必須フィールドを構成する必要があります。

  • Google Maps APIキー: Google Maps APIキーは必須です。新しいAPIキーの作成方法がわからない場合は、手順1.1
  • マップID:マップIDは、Googleクラウドに保存されているGoogleマップのスタイリングと構成設定を表す一意の識別子です。
    これは必須であり、デフォルトのもの(demo_map_id)を必要としない場合は、デフォルトのもの(demo_map_id)を保持できます。
  • マップデフォルトズーム:最初のロードでマップ上のデフォルトのズームレベル(自動ズームを0に設定します)
  • マップの種類:道路地図、衛星地図、ハイブリッド、地形図。
  • マップ レイヤー: KML、交通、交通機関、自転車。

 

塗りつぶし

 

プロバイダーとして OpenStreetMap を選択した場合は、手順 1.3

  • ジオコーディング アクセス トークン:住所の自動入力機能には、LocationIQ アクセス トークンが必要です。
  • マップデフォルトズーム:最初のロードでマップ上のデフォルトのズームレベル(自動ズームを0に設定します)
  • マップタイプ:デフォルト、OpenStreetMap HOT、Carto Light、Carto Dark、...
  • カスタム タイル レイヤー:カスタム レイヤーを入力します。

 

OpenStreetMapプロバイダー

 

マップ プロバイダーの設定を構成すると、Google マップと OpenStreetMap の両方で動作し、マップの機能とユーザー エクスペリエンスを強化するいくつかのカスタマイズ機能が見つかります。

  • カテゴリフィルターを表示します
  • カントリーフィルターを表示します
  • 半径フィルターを表示します
  • 距離の単位: km/mi
  • 半径検索の距離:半径検索ツールの距離
  • タグフィルターを表示します
  • 新しいタブで場所の詳細を開きます

 

マップの詳細設定

 

マップ表示

設定のマップに表示されます。

 

マップディスプレイセッティング

     

    色とマーカー画像

    ここで色とデフォルトのマーカー画像を調整できます。

     

    ロケーションカラーマーカーセッティング

    単一の場所

    • ストアフィールドを追加:ストア名のように各場所に特定のフィールドを追加し、営業時間を保存します

     

    3. ショートコードジェネレーター

    マップショートコードを生成するには、メニューの「ロケーションファインダー」>「ショートコードジェネレーター」に移動します。 「表示タイプ」から以下のオプションを設定できます。

    • 場所検索: [wplf type_of_view="location_search" default_address="パリ、フランス" categories="16" tags="27" map_zoom="Auto"]
    • 地図表示のみ: [wplf type_of_view="map_view" default_address="パリ、フランス" categories="16" tags="27" map_zoom="自動"]
    • 単一の場所: [wplf id="578" map_zoom="Auto"]
    • フロントエンド送信フォーム: [wplf_submission]
    • 私の所在地(フロントエンド): [wplf_my_locations items_per_page="8"]

     

    ショートコードゲネレーターロケーション検索

     

    選択したビュータイプに応じて、フロントエンドでの表示例を示すプレビューが表示されます。生成されたショートコードは左下隅に表示されるので、コピーしてページの任意の場所に挿入できます。

     

    4. 場所のカテゴリ

    場所のカテゴリを管理するには、メニューの場所のファインダー>ロケーションカテゴリに移動してください。 このセクションから、必要に応じてそれらを追加、編集、または削除することができます。

     

    追加ロケーションカテゴリ

     

    5. 位置タグ

    ロケーションタグを管理するには、メニューの位置ファインダー>ロケーションタグに移動してください。このセクションから、必要に応じてそれらを追加、編集、または削除することができます。

     

    追加ロケーションタグ

     

    6. 輸入/輸出場所

    インポート場所

    メニューの「ロケーションファインダー」>「設定」>「インポート」セクションに進みます既存のデータ形式に応じて、適切なフィールドからCSVまたはKML

     

    輸入場所

     

    テンプレートが必要ですか? 「サンプルCSVファイルをダウンロード」リンクをクリックしてサンプルファイルをダウンロードし、適切なフォーマットをご確認ください。また、 「一致する既存の場所を更新するか、存在しない場所を追加する」オプションにチェックを入れると、新しいエントリを追加する際に既存のデータを更新できます。

    エクスポート場所

    既存の場所をエクスポートする準備ができたら、「エクスポート」セクションに移動します。そこから、必要な形式に応じて「CSVにエクスポート」または「KMLにエクスポート」

     

    輸出先

     

    同期

    自動CSV同期を設定するには、「設定」→「インポート/エクスポート」→「同期」タブに移動し、メディアライブラリからCSVファイルを選択します。 「自動同期を有効にする」 「同期間隔(分)」で希望する更新頻度を指定します。

    システムは選択した間隔でデータを自動的にインポートし、一致が見つかった場合は既存の場所を更新し、追加データ用に新しいエントリを作成します。

     

    同期場所

     

    7. アクセス制御

    各ユーザー ロールの位置情報のアクセス許可 (作成、編集、削除、公開) を管理するには、 [設定] > [アクセス制御]

     

    アクセス制御

     

     

     

    WP Location Finder:インストール

    1.インストール

    プラグインをインストールするには、標準の WordPress インストーラーを使用するか、解凍してすべてのフォルダーを /wp-content/plugin に配置する必要があります。

     

    アップロードプラグイン

     

    次に、 [プラグインのアクティブ]、 WP Location FinderメニューがWordPressの左メニューに表示されます。

    WP Location Finder 、専用の左メニューからアクセスできます。 

    これからは、プラグインを使用する前に、必ずJoomunitedアカウントにログインしてください。

     

    Joomunited-login-license

     

    2.プラグインを更新します

     

    WP Location Finder更新するには、WordPressデフォルトのアップデーターを使用できます。また、www.joomunited.comにダウンロードされた.zipファイルから新しいバージョンを削除してインストールすることもできます。いずれにせよ、すべてがデータベースに保存されているため、コンテンツを失うことはありません。

     

    wp-location-finder-install

     

    セキュリティと安定性の問題を回避するために、常に最新バージョンを使用してください。

    有料版を更新するには、Joomunitedアカウントにログインする必要があります。まだログインしていない場合は、 「Joomunitedアカウントを接続して更新」または「Joomunited Login」リンクテキストをクリックしてください。

     

    wp-location-finder-update

     

    Joomunitedアカウントのログインとパスワードを入力します。ログインが成功した後、 「今すぐ更新」リンクテキストがクリックして新しいバージョンを更新できる場所に表示されます。

     

    wp-location-finder-update

     

    最後に、更新されたWordPress標準からすべてのJoomUnited商用プラグインを更新できます。

     

    WP-Location-Finder-Updated

     

    WP Location Finder:検索と場所のセットアップ

    場所を作成します

    新しい場所を作成するには、ロケーションファインダー>すべての場所に移動します。 [新しい場所の追加]ボタンをクリックします。

     

    アドバンス - ニューロケーション

     

    その後、2つのメインパネルを使用して、新しいロケーションページの追加ページが表示され、左が詳細フィールドで、右はマップです。以下は、入力または選択できるフィールドです。

     

    • ロケーション名:入力アドレス名。
    • URL:公開後に生成されます。
    • 場所の説明: 
    • ロケーション検索:緯度と経度の値を取得するために、検索フィールドにアドレスを入力してください。

     

    アドオンロケーションフィールド

     

    または、マップの下の手動入力アドレスセクションを使用します - 矢印をクリックしてすべてのフィールドを展開します。

     

    アドレスと手術の入力

     

    その場所のより詳細なオプションを取得するために、srollします。

    • 機能画像:場所の表現画像を選択します。
    • 画像ギャラリー:場所の画像をアップロードします。
    • マーカーイメージ:アイコンで選択するか、独自のアイコンをアップロードします。

     

    Image-Icon-location

     

    • ロケーション連絡先URL
    • ロケーションオーバーライドURL
    • タグ:入力ロケーションタグ。
    • ロケーションSEOタイトル
    • 場所SEOメタの説明

     

    ロケーションセール

     

    次に、場所のA/Multiカテゴリを選択できます。

     

    選択カテゴリを選択します

     

    次に、公開セクションで、これらのフィールドを設定できます。

    • ステータス: 3に1つを選択します。ドラフト、保留中のレビュー、公開
    • 可視性:公開、パスワード保護、プライベート
    • 発行時間:すぐに、スケジュールされた公開
    • ショートコード:それを使用してサイトのどこにでも公開します。

     

    ロケーションパブリッシュセクション

     

    フィールドを保存します

    顧客の営業時間を表示するためにこの機能を使用するには、最初に設定でオプションを有効にする必要があります。新しい場所を作成するときにStoreフィールドを見ることができます

     

    シングルロケーションストアフィールド

     

    プレビューの場所

    フロントエンドの場所のプレビューを表示するには、 [パブリッシュ]セクションに移動し、[プレビュー]ボタンをクリックします。

     

    プレビューロケーション