Google Map POI items with Location finder text box and Search results

Question

I tried implementing location finder using https://michaellwest.blogspot.in/2016/10/build-location-finder-search-using-sxa.html and able to implement the functionality with minor issues:

1. If I am assigning POI item on map date item then after clicking on POI item on MAP, it’s showing the details. In this case while searching any place using Location Finder/Search Results component, it will show all the details not specific POI item

   Assign POI item to MAP:

2. If I am not assigning POI item on map date item then after clicking on POI item on MAP, it’s not showing the details and showing error on console (400 bad request). In this case while searching any place using Location Finder/Search Results component, it will narrow down the result and show particular POI item on MAP:

   POI items not assigned to MAP:

   

   400 bad request url : http://site//sxa/geoVariants/1ad82bbf-4d55-4dbd-b635-b68cf2171002/ae69e57b-da98-4bd5-b889-477448d61139/13.0826802,80.27071840000008/undefined&site=null

   Is there any pointers to resolve above issue, so that after clicking on POI item, it will show the details of POI item?
   

Answer 1

Just like Michel wrote - it's possible out of the box in SXA. You don't need to drop Search Box rendering. Take a look below:

If out would like to have auto-complete from Google in your Location Finder you need to provide the number of options you want to see:

Remember also about providing Google (or Bing - it depends on what you want to use) key in /sitecore/content/Tenant/Site/Settings/Maps Provider item.