Press Enter to search or Esc to close

FW Real Estate FW Real Estate – Documentation

Map View

FW Real Estate tutorial for Joomla!

The FWRE Map View addon adds interactive map functionality to FW Real Estate. It places a location map on every single property page and provides a Map View layout option on the listing page, where properties appear as clickable markers on a full-width map.

What Map View Adds

  • Single property map — an embedded map with a pin appears on each property detail page, giving visitors immediate neighborhood context.
  • Listing page map panel — optionally shows a map alongside the property list or grid, with all visible properties as markers.
  • Map View layout — a full-width map layout for the Properties Listing menu item. Clicking a marker shows a mini-card with the property photo, title, and price.
  • Auto-geocoding — when entering a property address in the admin, the map converts the address to coordinates automatically, removing the need to enter latitude and longitude manually.
Listing page with map view showing property markers
Listing page with map view showing property markers

Google API Keys — Why Two Are Required

Google Maps requires two separate API keys when used with FW Real Estate:

  • Google Maps API key — used by the visitor's browser to display the map. In Google Cloud Console, enable the Maps JavaScript API and Geocoding API on this key, then set the restriction to HTTP referrers (websites) and add your site URL.
  • Google Geocoding API key — used server-side when a property is saved, to convert an entered address into coordinates. This key must use an IP address restriction, not an HTTP referrer restriction. HTTP referrer restrictions block server-side requests, so a single shared key will not work for both purposes. Enable the Geocoding API on this key.

Without valid keys, Google Maps loads briefly but then overlays an error and the location pin does not appear. Errors are reported in the browser console.

Map Settings — General Tab

Map View settings card in Settings → General tab
Map View settings card in Settings → General tab

Go to FW Real Estate → Settings → General and locate the Map View card.

  • Hide map — globally hides the map on all single property pages, overriding any coordinate data set on individual properties.
  • Map provider — choose Google Maps or MapBox as the rendering engine.
  • Google Maps API key — browser-side display key (HTTP referrer restriction, Maps JavaScript API + Geocoding API enabled).
  • Google Geocoding API key — server-side geocoding key (IP address restriction, Geocoding API enabled).
  • Google Maps zoom — default zoom level (10–19) for single property page maps.
  • MapBox API key — required when MapBox is selected as the provider. Obtain an access token from mapbox.com.
  • MapBox zoom — default zoom level (14–19) for MapBox maps.
  • Map display as — initial map style: Map (road map) or Satellite.

Map Settings — Properties Tab

In Settings → Properties, this addon adds one additional option:

  • Display map on listing page — when enabled, a map panel appears on the Properties Listing page alongside the list or grid of results.

Setting Property Coordinates

In the property edit form, the Map section provides an interactive coordinate picker. You can set a property's location in three ways: type an address to auto-geocode it, drag the marker to the exact position, or enter latitude and longitude values directly. Properties with coordinates set to 0 do not appear on map views.

Map coordinate picker in property edit form
Map coordinate picker in property edit form
Map section on single property detail page
Map section on single property detail page

Travel-Time Isochrones

The property detail map can display isochrone rings showing how far a visitor can travel from the property by walking, cycling, or driving within a set number of minutes. Travel mode and time limit are configurable per property or globally in Settings. This feature works with both Google Maps and MapBox — MapBox requires the Isochrone API enabled on the access token.

To install this addon, open the Add-ons panel inside FW Real Estate. See Getting Started → Add-ons for details on free addons, paid addons, and site verification.


Was this article helpful?
Previous
FWRE Layout Anywhere
Next
System Requirements
  • Client Login

    Restore password
  • New Registration

or
Make sure @fastw3b.com email domain is white-listed in your email client to restore password, verify registration, get order confirmations, etc.