# リスト画面

ブラウズホームリスティング機能テンプレートのリスト画面は、場所のプロパティタイプを利用して地図上に場所を表示し、他のジオロケーション機能を活用します。さらに、画面は賃貸可能なホームリスティングを美しく表示するリストで構成されています。

## コンポーネント

### **マップコンポーネント**

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-2c66602e2aff7f04144300c5e2d17f8c2c3c889d%2Fbrowsehomelistingsmap.png?alt=media" alt="" width="563"><figcaption></figcaption></figure>

マップコンポーネントにはGoogle Maps APIキーが必要です。APIキーが適切に構成されていないと、アプリをプレビューする際にエラーが発生します。

⚡ **マーカーアクション**

* マップ上の個々のマーカーから「リスティング詳細」画面へのリンクアクション

### リストコンポーネント

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-ffc2f4c5011c7658615fd4169bdbdd54655e6d22%2Flistcomponenthomelistings.png?alt=media" alt="" width="563"><figcaption></figcaption></figure>

リストコンポーネントは、ユーザーが迅速にスクロールできるように、一目ですべての関連情報を表示します。表示される情報はデータベースで制御できます。

データベース内のすべてのリスティングがリストに表示されます — フィルターはありません。

⚡ **リストアクション**

* 「リスティング詳細」画面へのリンクアクション