CurrentLocation

Example Usage

<div class='my-location'></div>
// Pull in the library
const UI = require('jibe-juice');

// Instantiate a component, pass the selector of the container to insert component into and the opts
const currentLocation = new UI.CurrentLocation('.my-location', {
  geolocationAPI: window.navigator.geolocation
});

// Subscribe to fire this function whenever the current location component is clicked
currentLocation.subscribe(function (msg) {
  if (msg.isLocation) {
    console.log('Users current location is', msg);
  } else {
    console.log(msg);
  }
});

// Render the DOM for the CurrentLocation component
currentLocation.render();

params

NameTypeDefaultDescription
elstringundefinedA string of the selector for the element to put the component in
optsobject{}A catch all for various options. See the opts table below for options specific to this component.

opts

NameTypeDefaultDescription
geolocationAPI*window.navigator.geolocationThe API to use to get the current location
iconURLstringBy default will use our built in location.pngThe path to the icon image to use