DevHub Docs
  • Welcome
  • Analytics
    • What events are tracked automatically?
    • Custom events
    • Google Analytics
  • API documentation
  • Domains
    • Registering a new domain
    • Renewing a domain
    • Pointing an existing domain
    • Pointing a subdomain of an existing domain
    • Transfer a domain
      • Transfer a domain to another registrar
    • Validating your domain
      • Validate with Google Webmaster Tools
    • Domain expiration process
  • Email accounts
    • Hosted email (rackspace)
      • Configure email clients to use POP or IMAP
  • Forms
    • Form and field options
    • Using fieldsets
    • Spam filtering
    • Configure SMTP For outbound emails
    • Using Marketo forms
  • Google Sheets
  • Hosting options
    • Embed pages
    • Wordpress plugin for path override
    • Server path override
      • Apache configuration
      • IIS configuration
      • NGINX configuration
    • CDN (content delivery network) support
  • Maps
    • Location finder
    • Map options explained
    • Google Maps API keys
  • Privacy
    • OneTrust integration
    • Cookies
  • Reverse proxy
    • Privacy and security
    • Proxy Configuration
    • Proxy Gating
    • Form lead tracking
    • Blocking and Whitelisting
      • Whitelisting Options
      • Google Ads rejections or disapprovals
      • 3rd Party Services/Widgets
      • Common Security System Restrictions or Domain Errors
  • SEO
    • Schema.org support
    • Sitemap XML
    • Enable No Index
  • Site builder
    • Getting Started
    • Images and video
    • Pages and content
      • Using page drafts
      • Adding Text
      • Adding and Managing Pages
      • Adding Images
      • Page templates and Templated pages
      • Maps
    • Redirects
    • Site Settings
    • Style Options
    • Adding a Business and location
    • Adding a site
    • Adding a user
    • Adding Custom Forms
    • Adding HTML to Sites or Pages
    • Blogs
  • SSL and security
    • SSL Troubleshooting
    • SSL certificate install options
      • Use your own purchased SSL certificate
    • Enable HTTPS for Sites and Proxies
  • Support
    • Creating a Zendesk account
    • Ticketing submission workflow
    • Builder URL and Site ID
  • Themes and custom templates
    • Getting started
    • Using macros
    • Using custom fields
    • Using URL parameters
    • Hours of operation
    • Using date and time in templates
    • Template variables
    • Site Builder Markup
      • Avoiding Site Builder CSS and HTML duplication
    • Example themes
      • Location focused page with bootstrap
      • Store locator theme example
    • Advanced Examples
      • Theme module templates
      • Static Google maps
      • Content translations
      • Page navigation
      • Override page title and meta tags
      • Adding line breaks to content
      • Get objects
      • Handling boolean values
      • Right to left languages
      • Access current URL
      • Social sharing links
      • Standard filters
      • Serializing data to JSON
      • Form events
      • Schema.org FAQ utility
  • Trace technology
    • What is Trace?
    • Configuration options
  • Data Sources
    • External Contexts
Powered by GitBook
On this page
  • Options
  • Geolocation
  • URL parameters
  • Form example
  • Styling the finder

Was this helpful?

  1. Maps

Location finder

Options

How many results to show

Number of results and pins to return. Default is 100

Distance unit of measurement

Which unit to use to calculating distance from the visitor. Options are "miles" or "km"

Disable Geolocation prompt

Don't prompt the visitor for their location in the browser, requiring them to enter a search manually

Geocoder components

Pass a series of valid geocoder components to pass on geocoder requests to influence results. Must match a specific format from google. Example: country:US|administrative_area:FL

Geocode Region Hint

For non-US finders, you can give the finder a hint of the visitor geography so that Google returns more relevant results

Search input type

Custom search field types. - 5 digit US zip code: only US zip codes (numbers only)

Distance threshold of results

How far the bounds of the search should show locations. Default is 4000 units (miles or km)

Redirect one result

If a single location is found and it has a location URL, it will automatically redirect the visitor in the browser

Default location (Latitude)

This location is used for the initial map center point and is also used if "Search on load" is enabled. Example: 47.258728

Default location (Longitude)

This location is used for the initial map center point and is also used if "Search on load" is enabled. Example -122.465973

Search on load

Automatically search locations when the location finder loads (uses the "Default location" point)

Initial search distance threshold

Only apply to the initial loading of locations, this option overrides the normal "Distance threshold of results" to show a wider or shorter distance of locations. Good to use if you want to show "All locations" on initial load, but less (only the closest) locations when someone is entering a search.

Show infowindow on search

This will automatically expand the infowindow pin for the first result after a search is entered

Geolocation

Browser-based geolocation requires that the page is served under https (secure).

Currently preview URLs are not served under HTTPS, so a manual search is required for testing on the preview.

URL parameters

Our location finder supports passing URL parameters the location finder page to pre-populate location search queries, filters and other parameters.

https://www.yourdomain.com/location-finder/?
    near_location=98121&
    services__in=atm,branch-location

Parameter

near_location

Location search (zip code, address, city/state)

services__in

Comma separated list of services tags if your location finder is configured for filtering the results

Form example

Here is an example of creating a simple form to link to the Location Finder that takes a visitor search location and passes that to the finder.

<form action="https://www.yourdomain.com/location-finder/" method="get">
  <input type="text" name="near_location" placeholder="Enter your location">
  <button type="submit">Search</button>
</form>

The form code above can be updated as desired. The only required/important elements are:

  • Action set to the URL of your location finder - action="https://www.yourdomain.com/location-finder/"

  • Form should use GET - method="get"

  • <input> with name of near_location

Styling the finder

More information on themes and templates for the location finder:

PreviousMapsNextMap options explained

Last updated 3 years ago

Was this helpful?

Store locator theme example