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

My Maps location :場所とカテゴリ

1. Google Maps 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 = en

最初のステップは、プロジェクトを作成してから、プロジェクトの名前を入力することです。

 

create-api-key

 

mydomainからのすべてのリクエストを許可する場合、従うパターンは* .joomunited.com / *
です。たとえば、mydomain.comなどの単一ドメインのみを許可する場合、パターンはjoomunited.com/*になります。


ローカルホスト環境では、任意の有効なキーを配置でき、ドメインを参照しなくても機能します。

 

domain-api-pattern


APIキーが生成されます。これは、 My Maps locationに追加するためにコピーする必要があるキーです。

 

api-created

 

キーをMy Maps Location追加します。

[コンポーネント]>[My Maps Location >[オプション]ビューから、構成にキーを追加できます。

 

マップ構成

 

キーを貼り付けます。

 

add-api-key

 

ステップバイステップの履歴書:


だから私が従うステップは

  • Google API Consoleに移動します
  • プロジェクトを作成または選択する
  • [続行]をクリックして、APIと関連サービスを有効にします
  • [認証情報]ページで、ブラウザキーを取得します(そしてAPI認証情報を設定します)
  • クォータの盗難を防ぐには、これらのベストプラクティスに従ってAPIキーを保護します

2.場所のカテゴリを管理します

場所はカテゴリに分類されます。 これらのカテゴリは、フロントエンドでフィルタとして表示することも、メニュー項目で事前定義されたパラメータとして使用して、いくつかの分類された場所をロードすることもできます。
 

category-filter-frontend

 

場所が多い場合は、カテゴリを使用することをお勧めします。
カテゴリとサブカテゴリを作成できます。 カテゴリを作成するには、 My Maps location]> [カテゴリ]に移動して、[新規]をクリックしてください

 

カテゴリー-場所

 

次に、サブカテゴリを作成する場合に備えて、カテゴリ画面からタイトルと親カテゴリを追加する必要があります

 

カテゴリー親

 

[マーカーの選択]タブを使用して、ctaegory内の場所のデフォルトマーカーを定義することもできます。

 

マーカーカテゴリ

 

注:デフォルトでは「マイカテゴリ」、インストール直後に場所の追加を開始できます

3.場所を作成します

場所を作成するには、 My Maps location >[場所]>[新規

3つの必須フィールドがあります。

  • 場所の名前
  • 場所のカテゴリ
  • 場所の詳細(住所)      

 

アドレスについては、それを追加するための3つの解決策があります。

  • 検索フィールドを使用する(推奨)
  • 地図に移動し、カーソルを使用して場所をポイントします
  • 住所を入力してください(Googleマップが有効である必要があります)

 

検索エンジンで場所を追加するには、追加する場所の名前を入力します。

 

追加場所

 

選択すると、緯度と経度のフィールドが自動的に入力されます。 私の地図もGoogleプレイスと統合されています! これは、Googleマップに登録されているショップやその他のものを検索できることを意味します。このコンポーネントは、すべての場所情報を取得します。

 

Googleプレイス

 

 

地図上を移動してマーカーを直接配置することもできます。結果は同じで、緯度と経度が自動的に入力されます。

 

マップポイント

 

手動で入力する場合は、住所フィールドと郵便番号に注意してください。Googleマップの既知の住所と一致する必要があります。

 

アドレスフィールド

 

場所の他のすべての情報(説明、時間など)は、場所の詳細ビューに表示されます。

ロケーション詳細版の連絡先リンクは、ロケーションごとに連絡先リンク、mailtoまたはURLを追加する可能性です。 フロントエンドでは、URLを開くか、mailtoアクションを実行する連絡ボタンになります。

 

9

 

4.その他の位置情報

それぞれの場所に画像とマーカーを追加できます。 

  • 場所の画像:画像は場所のツールチップにサムネイルとして表示され、場所の詳細ページには大きなサイズで表示されます。
  • カテゴリアイコンを使用するマップの場所のカテゴリフィールドに入力したアイコンを使用します
  • マーカーの背景:背景マーカーの色を選択します
  • マーカーは、ロケーションマーカーアイコンとして地図上に表示されます。 また、 My Maps Location拡張機能に含まれている場所のマーカーセットもいくつか入手できます。
  • カスタムリンク使用すると、カスタムURLによって場所の詳細へのリンクが上書きされます。

 

マーカー画像の場所

 

My Maps locationは、Joomlaのネイティブ多言語機能を使用しています。 場所のカテゴリと場所で言語を定義できます。 言語の切り替え時に、言語で承認されたコンテンツを表示するために、他のJoomlaコンテンツと同様に場所がフィルタリングされます。

 

言語

 

場所の説明フィールドは、最も重要なものの1つです。
場所の詳細ページに表示され、テーマによっては、検索結果の場所の紹介テキストとして表示されます。 さらに重要なのは、説明がWYSIWYGエディターであり、すべてのプラグインが内部にロードされていることです。つまり、必要なもの(画像、ビデオなど)を何でも含めることができます。

 

位置/説明

 

これは、場所の検索結果に表示される紹介テキストです。

 

ロケーション内のテキスト結果

 

タグフィールドはJoomlaと同じタグシステムです。 タグとサブタグを追加して、フロントエンドにフィルターとしてロードできます。 すべてのタグを管理するには、Joomlaタグコンポーネントをロードするだけです。メニューコンポーネント>タグ
フロントエンドでは、構成に応じて、タグをチェックボックス(以下のように)またはドロップダウンリストとして表示できます。

 

タグフィルター

 

My Maps Locationは、メタ情報を入力するための追加のフィールドがあります(検索エンジン用)。

 

メタ情報

 

5.フロントエンドに場所を表示します

フロントエンドであなたの場所を表示するためにあなたは使うことができます:

  • 場所検索エンジン、単一の場所、または場所のカテゴリを表示するメニュー
  • 検索フィールドを表示するか、場所のセットを選択するモジュール
  • 任意のエディターで単一または複数の場所を表示するためのエディターボタン

メニューから場所を読み込む

Joomlaメニューマネージャーから要素を追加し、タイプとして「ロケーション検索と表示」を選択します。 フィルタ付きの位置検索エンジンが表示されます。
「ロケーション詳細ビュー」選択して、事前定義された単一のロケーションを表示します。

 

ロケーションメニュー

 

「位置検索と表示」を選択する、いくつかの表示パラメータがあります。 デフォルトのコンポーネントパラメータを上書きするものもあります。

 

main-menu-config

 

メニューのメインタブから設定できます:

  • アドレスを入力してください:ページの読み込み時にデフォルトのアドレスを強制的に表示できます。 空のままにすることができます
  • 距離:上記のアドレスを参照して、検索をロックする距離。 -1(デフォルト)のままにしておくことができます
  • カテゴリ:特定のカテゴリの場所を読み込む
  • 検索制限:検索結果の数を制限します。 10は、ロケーション検索で最初の10件の結果のみを返します
  • 順序付け:検索結果を日付、タイトル、距離で並べ替えます(デフォルト)

 

mml-menu-advanced

 

次に、[ My Maps Location ]メニュータブで、次の設定を行うことができます。

  • コンポーネントを選択: My Maps LocationまたはK2、 Jomsocialなどのすべてのサードパーティ統合...
  • デフォルトのカテゴリID (サードパーティの拡張機能):K2、Hikashop、Adsmanagerなどのサードパーティの拡張機能が使用されているときにロードするデフォルトのカテゴリ、コミュニティビルダーのCBリストID
  • 子カテゴリの場所:上記で選択した場所だけでなく、サブカテゴリの検索結果の場所としても表示されます
  • テーマ:メニュー項目で使用可能な検索および結果表示テーマのデフォルトの3つのテーマ、全幅、サイドバーのいずれかを選択します
  • マッププロバイダー: Google Maps、Bing Maps、Mapbox、OpenStreetMap、Baidu、またはMapquestを選択して、マップのスタイルを設定します
  • 検索タグを有効にする:ロケーションタグ名を使用して検索クエリを実行できるようにします
  • デザイン:マップソースに応じて、いくつかのマップタイプと色があります
  • マップレイヤー:マップにデータ(レイヤー)を追加します。 KMLレイヤー、Trafficレイヤー、Transitレイヤー、Bicyclingレイヤーがあります。
  • Google Map LayerのURL:データレイヤーを使用してカスタムデータを保存したり、GeoJSONデータをGoogleマップに表示したりします
  • Bing Mapsタイプ: Bing Mapsがマッププロバイダーである場合は、BingMapsの外観とデータを選択します
  • OpenStreetMapタイプ: OpenStreetMapがマッププロバイダーである場合、マップにデータ(レイヤー)を追加できます
  • ロケーションツールチップ:マップの読み込み時に、ロケーション検索後にロケーションツールチップを自動的に開きます
  • マップズーム:マップ上のデフォルトのズームレベルを定義します
  • 地図と検索結果の幅と高さのオプション

 

テーマに基づくフロントエンド表示

 

地図検索テーマ

 

単一の場所検索表示の結果:

ブリッジウォーターロケーション


モジュールを使用して場所を表示する

My maps locationは、ネイティブの場所用の2つのモジュールと、サードパーティの統合用のその他のモジュール(K2アイテムの場所を表示するモジュールなど)が付属しています。

マップモジュールを使用すると、メニューと同じフィルターを使用して、モジュールの位置に場所を表示できます。 場所は地図またはリストとして表示されます。 場所のセットを選択するか、場所のカテゴリを選択できます。

 

マップモジュール

 

My Maps Location Map – Search Moduleは、マップ幅や場所が検索されるコンポーネントなどのオプションとして、いくつかのフィルターを備えた検索エンジンを表示します(K2の場所は例のみを検索します)。

 

検索モジュール

 

フロントエンドのディスプレイモジュール:

 

search-map-frontend-modules

 

 

エディターボタンを使用して場所を表示する


エディターボタンは、Joomlaエディター(通常は記事またはHTMLカスタムモジュール)に読み込まれます。
エディタの下部にボタンが表示されます。 クリックすると、以前に追加した1つまたは複数の場所を選択できるライトボックスが表示されます。

 

地図編集ボタン

 

次に、1つまたはいくつかの場所を選択し、ボタンを押して記事に追加します。
ズームレベルを指定しない場合は、ロケーションエリアに合わせて自動的に読み込まれます。 WYSIWYGエディターに表示されるタグコードは、次のモデルのようになります。 {mymaplocations mapid width height}

例:{mymaplocation id = 1 width = 58%height = 400px zoom = 10 type = google}このコードは、位置ID = 1、幅58%、高さ400px、ズーム10倍、Googleタイプの地図を表示します。 カンマを使用して、地図に複数の場所を追加します。 例:{mymaplocation id = 1 width = 58%height = 400px zoom = 10 type = google}ロケーションID = 1、2、3。