# Listings Screen

The Listings Screen in the Browse Home Listings Feature Template utilizes our Location property type to display locations on a map and to take advantage of other geolocation functionality. Beyond that, the screen is made up of a list to beautifully display home listings available for rent.

## The Components

### **Map Component**

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FTm1E5MWw8e4JInyBkU5A%2Fbrowsehomelistingsmap.png?alt=media&#x26;token=56abd21b-dd49-4754-8751-2c2b86857af4" alt="" width="563"><figcaption></figcaption></figure>

The Map Component requires a Google Maps API key. Without the API Key properly configured, when previewing the app, you will notice an error.

⚡ **Marker Action**

* Link Action to ‘Listing Detail’ Screen (from an individual marker on the map)

### List Component

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FtmF7G0g5uWmcP7vv35lf%2Flistcomponenthomelistings.png?alt=media&#x26;token=871765e1-afad-4610-84ea-cf73518dcf64" alt="" width="563"><figcaption></figcaption></figure>

The List Component displays all relevant information at a glance for users to quickly scroll through. The information displayed can be controlled in the database.

All Listings in the database are shown in the list — there are no filters.

⚡ **List Actions**

* Link Action to ‘Listing Detail’ Screen