Link Search Menu Expand Document

Location Finder

Summary

This web part displays all of your office locations on a Google Map. With integration with People Hub users can find an office location and then click through to see all the employees within that location.

Image Carousel

Features

  • Display locations from a SharePoint list
  • Control the fields that display within the list view and pin information panel using templates
  • Location search using post code or suburb - power by google search
  • Link to People Hub web part to filter directory based on selected location.
  • Filter results by category
  • Filter results by free text search
  • Handles 1000’s of locations and implements clustering on the map
  • Display regions on the map using Google’s Polygon feature. Data pulled from SharePoint list.
  • Uses the browsers GPS location as the default start position on load
  • Accepts query string parameters to filter or select a location on load
  • Mobile friendly
  • Automatically provisions required lists. Although you can specify your own list or list within another site.

Requirements

This web part uses Google Maps which requires you provide your own API key.

The following Google Maps APIs must be enabled:

  • Maps Javascript API
  • Places API
  • Geocoding API

Configuration

Setting Comment
Google API Key Specify your Google API key. Ensure required apis are enabled.
Default Latitude If the browsers location has been blocked by the user then this will be the default centre of map.
Default Longitude If the browsers location has been blocked by the user then this will be the default centre of map.
Units Select Metric or Imperial
Height Overall height of map
Zoom When the map first loads this is the magnification of the map. Once loaded the user will be zoom in and out as expected
Default Map Type Select Map or Satellite
Location Item Template Specify the HTML template within dynamic variables to control the display of the left list of locations. Any columns from your SharePoint list can be referenced (ensure you use internal column name.
Info Window Template Specify the HTML template within dynamic variables to control the display of the pins information panel that pops on selection. Any columns from your SharePoint list can be referenced (ensure you use internal column name.
People Hub Url Optional. Page URL of where People Hub web part is configured. Pass through query string values to filter People Hub Results. The query string must contain ‘?peopleHubFieldName={{locationFieldName}}’. Where ‘peopleHubFieldName’ is a column in the People Hub Webpart and ‘locationFieldName’ is a property from the Locations list. For example ‘?office={{Title}}’

Copyright © 2020 Sope Web Technologies.