LocationTypeahead

<div class='location-search'></div>

// Pull in the library
const db = [
  {
    displayName: 'Boston, MA',
    lng: 74.134134,
    lat: 45.432433
  },
  {
    displayName: 'New York, NY',
    lng: 13.131442,
    lat: -45.854975
  },
  {
    displayName: 'Paris, TX',
    lng: 14.5264,
    lat: 1.425255
  }
];

const fetch = function (term, cb) {
  //We only want to fetch if it's not current location, so check for lat
  if (!term.lat) {
    var matches = db.filter(function (item) {
    return (item.displayName + '').toLowerCase().indexOf(term.toLowerCase()) !== -1;
    });

    // mimic ajax
    setTimeout(function () {
      cb(matches);
    }, 50);
  }
};

// Instantiate a component, pass the selector of the container to insert component into and the opts
const locationSearch = new UI.LocationTypeahead('.location-search', fetch, {
  currentLocationText: 'Use my location',
  geolocationAPI: window.navigator.geolocation,
  textInputOpts: {
    placeholder: 'Try "New York"'
  }
});

// Subscribe to when new choices are selected from the Typeahead
locationSearch.subscribe((choice) => {
  if (choice.isLocation) {
    console.log('location chosen', choice);
  } else {
    console.log(choice); // misc message
  }
});

// Render the DOM for the LocationTypeahead component
locationSearch.render();