web-dev-qa-db-ja.com

フィルターされたビューで動的なGoogleマップを取得し、選択したアイテムに関連するマーカーを表示する方法は?

不動産会社のウェブサイトを作る予定です。フロントページでは、ユーザーは契約のタイプやその他の特定のものを選択して、それらの基準に一致するすべてのノードのリストを取得できます。したがって、結果はビュー(フィルター)です。

この結果に関連するマーカー付きのGoogleマップを取得したいのですが。これは可能ですが、私ができないことはこれです:このフィルターされたビューからアイテムを選択すると(たとえば、チェックボックスを使用して)、これまたは選択されたアイテムのみでGoogleマップを再計算します。

私が使用しているモジュールについて:実際、私は今まで何も使用していません。これが質問を投稿する理由です。このようなことを行うには、モジュール(gmapや単純なGoogleマップなど)が優れているかどうかを確認します。

4
snake00jap

IP Geolocation Views&Maps モジュールをご覧ください。プロジェクトページからの部分的な引用:

その名前が示唆していることにかかわらず、IP Geolocation Views&Maps(IPGV&M)は何よりもまずマッピングエンジンです。

このモジュールにより、選択したマップレンダラーを使用してビューベースのマッピングソリューションを非常に簡単に作成できます(Google OpenLayersまたはLeaflet)選択した任意の場所のストレージモジュール、たとえば:

enter image description here

これにより、IPGV&Mなしでは組み合わせることができないモジュールと機能セットを組み合わせることができます。

GoogleやBing、Mapboxでの美しいアニメーション マーカーのクラスタリングのように... さまざまな マッププロバイダーのいずれか

しかし、より重要なことに、IPGV&Mには、他の場所では便利にパッケージ化されていない機能がいくつか追加されています。

これらには、フィールド値または範囲に基づく マーカーの区別 (2番目のスクリーンショット)、フォントアイコンの有無にかかわらず、さまざまな中央揃えオプションがあり、現在の訪問者の場所を重ね合わせて、複数のコンテンツタイプを同じマップ、全画面ボタンとミニマップインセット(下部のスクリーンショット)、ポリゴンサポート(ジオフィールド)、マーカータグとツールヒント、およびマーカーがホバーされたときのページ上の関連コンテンツのクロスハイライト(およびその逆)に表示されます。

enter image description here

その(印象的な)プロジェクトページにアクセスして、さらに詳しい情報を入手してください(ここにすべてを引用するのは長すぎます)。そのプロジェクトページには、さまざまなスクリーンショットも含まれています。

1
Pierre.Vriens