SearchstaxLocationWidget JS

SearchStax Site Search solution offers a native JS search-location widget to assist with your custom search page.

The SearchstaxLocationWidget provides a location search input with location-based search functionality.

Usage

function locationDecodeFunction(term: string): Promise<ISearchstaxLocation>{
        return new Promise((resolve) => {
          // make a request to geocoding API to retrieve lat, lon and address and then resolve promise
      resolve({
                  address:'Address',
                  lat: lat,
                  lon: lon,
                  error: false
                });
        });
  }

  function locationDecodeCoordinatesToAddress(lat, lon): Promise<ISearchstaxLocation>{
      return new Promise((resolve) => {
        // make a request to geocoding API to convert lat, lon to address and then resolve promise
      resolve({
                  address:'Address',
                  lat: lat,
                  lon: lon,
                  error: false
                });
      });
    }
 searchstax.addSearchLocationWidget("searchstax-location-container", {
  hooks: {
    locationDecode: locationDecodeFunction,
    locationDecodeCoordinatesToAddress: locationDecodeCoordinatesToAddress
    },
});

Props

  • hooks.locationDecode – Callback function invoked after location input blurs and is used to decode string to coordinates.
  • hooks.locationDecodeCoordinatesToAddress – callback function to override location decoding.

Example

See the full example at searchstax-ux-js.

Questions?

Do not hesitate to contact the SearchStax Support Desk.