Address Finder

Business Background

Search for any address you want using Google Maps and Google Places. You can search for an address or a place, for instance, Eifel Tower.

Titan Solution

Titan lets you add an address finder that will find an address or place in a specific region or the globe.

How to Video

Coming soon.

How to Guide

Note:

Prerequisites:

  1. You must have the Google Maps API.
  2. Browse to Project Settings on Titan Web.
  3. Select Site Elements and select the Gear icon next to the API Keys option. The API Keys screen opens on Google Map by default.
  4. Use the toggle switch to enable the Google Maps API and paste the API in the Google Map API Key field.

This image has an empty alt attribute; its file name is image-10.png

Note:

In this example we used input fields to show the address information, but you can also map the address information to variables that can be pushed to Salesforce.

Examples of input fields:

  • Street
  • Street number
  • Zip code
  • Longitude
  • Latitude
  • City
  • Country
  1. Click the + icon to add a new element to a Web project.
  2. Select the Widget option and drag the Address Finder widget to the canvas.
Address Finder widget
Address Finder widget
  1. Click the Gear icon to open the Address Finder Settings screen. You can use Static or Dynamic Values. The Static Values option is selected by default.
  2. Use the Static Region drop-down list to select a region. The drop-down list contains all the country names. This is not mandatory.
    • If you do not select a country from the list, the whole globe will be searched.
    • If you select a country, the search will be limited to that specific country.
Static Values
Static Values
  1. Alternatively, select Dynamic Values and use the Dynamic Region drop-down list to search for the variable or input field that you added. This is not mandatory.
Dynamic Values
Dynamic Values
  1. Select the Configure button. The Configure Custom Parameters screen opens.
    • You must configure the attributes that you get from Google and can, for example, push them to Salesforce.
    • You can map these attributes to hidden fields, input fields, or variables.
  2. Configure the custom parameters by using the drop-down lists to select the options.
Configure Custom Parameters screen
Configure Custom Parameters screen
Titan ParameterGoogle Maps Platform Description
AddressThe address which you want to geocode. This is a mandatory parameter.
LocalityIndicates an incorporated city or town political entity.
Street_addressIndicates a precise street address.
SublocalityIndicates a first-order civil entity below a locality. Some locations may receive one of the additional types: sublocality_level_1 to sublocality_level_5.
Each sublocality level is a civil entity.
Larger numbers indicate a smaller geographic area.
Postal_codeIndicates a postal code as used to address postal mail within the country.
CountryIndicates the national political entity and is typically the highest order type returned by the Geocoder.
Administrative_area-level_1Indicates a first-order civil entity below the country level.
Within the United States, these administrative levels are states. Not all nations exhibit these administrative levels.
In most cases, administrative_area_level_1 short names will closely match ISO 3166-2 subdivisions and other widely circulated lists; however, this is not guaranteed as our geocoding results are based on a variety of signals and location data.
Administrative_area-level_2Indicates a second-order civil entity below the country level.
Within the United States, these administrative levels are counties. Not all nations exhibit these administrative levels.
Administrative_area-level_3Indicates a third-order civil entity below the country level.
This type indicates a minor civil division. Not all nations exhibit these administrative levels.
Street_numberIndicates the precise street number.
RouteIndicates a named route (such as “US 101”).
Formatted_addressThis is a string containing the human-readable address of this location.
LatitudeIndicates the latitude of the address.
Google returns this location as a LatLng object, not as a formatted string.
LongitudeIndicates the longitude of the address.
Google returns this location as a LatLng object, not as a formatted string.
StateIndicates the state, for example, the address “111 8th Avenue, New York, NY” consists of the following components: “111” (the street number), “8th Avenue” (the route), “New York” (the city) and “NY” (the US state).
Also, refer to administrative_level_1.
CityIndicates the city, for example, the address “111 8th Avenue, New York, NY” consists of the following components: “111” (the street number), “8th Avenue” (the route), “New York” (the city) and “NY” (the US state).
Also, refer to locality.
  1. Select here for more information on Google’s Geocoding Service.
  2. Select the Apply button.
  3. Save and Preview the project. In this example, we added input fields, but you can also map the address information to variables or hidden fields.
  1. Search for an address or a place. A message “Searching …” is shown.
  2. Select the predictive text suggestion. If no result can be found, the message “No matching address results found” is shown.
Note:

Both these messages can be changed under Captions:

This image has an empty alt attribute; its file name is image-75.png

The mapped fields are populated.

Hidden Title

Need more help?