Adding geolocation search and navigation to the location

The geolocation search allows the user to launch a search through his actual position, without having to enter his coordinates manually. 

This service uses the browser geolocation, it’ll prompt an authorization message (depending on the browser) to ask the user his consent.

When activating geolocation, a button will appear next to the search bar: 

To allow the geolocation search, add this attribute to the widget script tag.

data-search-geolocation=”true”

To customize the geolocation button design, you can add style to the following element:

<button class=”search-geolocation-button”></button>

Navigation

By activating the geolocation , the user get access, throug the navigation icon, to the route to follow to acess  the location ( the route is defined from his actual location).  

To customize the navigation request icon and its associated loader, please apply some style to the following classes: 

<div className="route">
   <div class="route">
      <div class="loading">
      </div>
   </div>
</div>