. . .

Drupal 8 Store Locator

Store Locator : Drupal 8 Implementation


Required Modules :


(A) Feeds

(B) Geolocation



Steps for implementing Store Locator through Mapping.


1. https://www.drupal.org/project/feeds

Download the feeds module and enable it.

2. https://www.drupal.org/project/geolocation

Download the geolocation module and enable it.

3. Configure Geolocation module for Map Api key,

Admin side Navigate Configuration->Web services->Google Map Api settings


4. Add Content Type (e.g. Store Locator)

5. Add fields for That content type

6.  Navigate Structure->Feed type->Add Feed type

7.  Basic setting ->Name of feed type

8. Fetcher Select Fetcher from drop down, Parser, select parser ,Select

Parser, we choose node parser because we have content type node, and

Last select content type.

9. Save and Mapping



Mapping fields as above. Target field is field of your Content type and source field is your csv field name. Save the mapping.


11. To Import csv file, Navigate Content->Feed->Add Feed->Select Feed which is you created.

12. Name Feed and save and import.

13. Make sure your csv file heading and source field name are same.

14. As the next step we need to create a view page with attachment.

15. Create view page

16. Format: grid

17. Add All the fields which you want to display on page.

18. Add the filter Country and Postal code.

19. Select View Exposed by visitors and apply conditions.

20. Add an Map attachment

21. Format : Geolocation Common map

22. Setting according and save

23. n


Setting as above for attachment and save view.


You will have following store locator page.








Now we have store locator data displaying in drupal 8.



No Comments

Have a creative idea in mind?

Let’s discuss & work together!