My Maps location :場所とカテゴリ

1. Google Maps APIキーを取得します

Google Maps APIを使用するたびに、6月22 2016日以降にドメインが作成された場合は、リクエストを検証するためのキーを含める必要があります。
キーを取得して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/*になります。


localhost環境では、任意の有効なキーを置くことができ、ドメインを参照しなくても機能します。

 

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 >カテゴリ、[新規]をクリック

 

カテゴリー-場所

 

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

 

カテゴリー親

 

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

 

マーカーカテゴリ

 

注:カテゴリはデフォルトで次の名前で作成されます 「私のカテゴリー」 インストール直後に場所の追加を開始できます

2 。 場所を作成する

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

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

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

 

アドレスには、それを追加するための3つのソリューションがあります。

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

 

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

 

追加場所

 

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

 

Googleプレイス

 

 

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

 

マップポイント

 

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

 

アドレスフィールド

 

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

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

 

9

 

2 。 その他の位置情報

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

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

 

マーカー画像の場所

 

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

 

言語

 

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

 

位置/説明

 

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

 

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

 

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

 

タグフィルター

 

My Maps Locationは、メタ情報を入力するための追加のフィールドがあります(検索エンジン用)。 このフィールドは、場所の詳細ページに読み込まれます。

 

メタ情報

 

2 。 フロントエンドの場所を表示する

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

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

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

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

 

ロケーションメニュー

 

選択した場合 「場所の検索と表示」 いくつかの表示パラメータがあります。 一部のコンポーネントはデフォルトのコンポーネントパラメータを上書きする場合があります。

 

main-menu-config

 

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

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

 

mml-menu-advanced

 

その後、 My Maps Location [ My Maps Location ]メニュータブ、設定できます:

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

 

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

 

地図検索テーマ

 

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

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


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

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

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

 

マップモジュール

 

My Maps Locationマップ–検索モジュール 地図の幅や場所を検索するコンポーネントのようなオプションとして、いくつかのフィルターを備えた検索エンジンが表示されます(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番号= 1つの幅= 58%高さ= 400ピクセル、ズーム= 10種類=グーグル}場所ID = 1、 2 、 3 。