Best way to integrate a store locator in AEM 6.1 | Adobe Higher Education
Skip to main content
deepup38528544
deepup38528544
March 17, 2016
Répondu

Best way to integrate a store locator in AEM 6.1

For integrating a store locator functionality in to AEM 6.1, what are the best possible options that needs to be considered?

Wanted to make sure we are using as many out of the box features in implementing the solution. Please advise.

Ce sujet a été fermé aux réponses.
Meilleure réponse par kautuk_sahni

Hi

Please go through he following article covering different way to implement Store Locator:

Link:- http://theoryapp.com/store-locator-using-java/

//Store Locator using Java

The basic idea is as below:

  • Design a Store class, and load all data into an ArrayList of Stores.
  • Ask the user for an address, and find its geographical location.
  • Scan through the ArrayList of all stores to find the closest one.

First, we define the Location class with the following attributes and methods:

  • String address
  • double latitude
  • double longitude
  • public Location(String addr, double lat, double lng)
  • double distanceTo(Location loc): computes the distance to loc
  • String toString(): displays the location

Now we define a tool class LocationTool. It has the following methods:

  • ArrayList loadData(String urlString): reads data from the url
  • Location makeLocation(String addr): creates a location object from an address. We use Google’s geocoding services to find the latitude and longitude of an address string.

Finally we build the main program Locator with a main method. As the program starts, it loads the data; then it asks for an input address, finds its geographical location, and searches for the closet store.

 

Link:- https://github.com/googlemaps/js-store-locator

The library provides the following features:

  • Pluggable data source – display stores from a data source of your choosing
  • HTML5 Geolocation – determines a good initial viewport for the user
  • Info window – shows details about a store
  • Street View
  • Extensible – customise your own markers, info windows, etc.
  • Fully-featured side panel, providing:
    • Feature filtering
    • Autocomplete search
    • List of nearby stores
    • Directions

Demo:-

  1. panel.html – A simple store locator, including panel. Data is fetched from a static CSV file.
  2. dynamic.html – Same as above, except stores are fetched dynamically from a JSONP web service.
  3. gme.html – Same as above, except stores are fetched dynamically from Google Maps Engine.

 

Link :- https://www.pcapredict.com/support/articles/article/how-to-implement-a-store-locator

// Insert this JS in your code, rest all would be cater by this third party app.

 

I hope this would help you.

Thanks and Regards

Kautuk Sahni

3 commentaires

Jitendra_S_Toma
Jitendra_S_Toma
Level 10
March 17, 2016

Hi,

Implementing store locator could be simple. But, it would be good to know what are expectations & functionalities you expect. Is it just displaying information in the tabular format or also integrating google map etc.

---Jitendra

deepup38528544
deepup38528544Auteur
March 17, 2016

The store information containing location, lat longs etc are in a SQL Server DB . When the end user lat longs are detected or when he provides the location details, the results needs to be fetched and displayed in Tabular format. 

---Deepu.

kautuk_sahni
Community Manager
kautuk_sahniCommunity ManagerRéponse
Community Manager
March 22, 2016

Hi

Please go through he following article covering different way to implement Store Locator:

Link:- http://theoryapp.com/store-locator-using-java/

//Store Locator using Java

The basic idea is as below:

  • Design a Store class, and load all data into an ArrayList of Stores.
  • Ask the user for an address, and find its geographical location.
  • Scan through the ArrayList of all stores to find the closest one.

First, we define the Location class with the following attributes and methods:

  • String address
  • double latitude
  • double longitude
  • public Location(String addr, double lat, double lng)
  • double distanceTo(Location loc): computes the distance to loc
  • String toString(): displays the location

Now we define a tool class LocationTool. It has the following methods:

  • ArrayList loadData(String urlString): reads data from the url
  • Location makeLocation(String addr): creates a location object from an address. We use Google’s geocoding services to find the latitude and longitude of an address string.

Finally we build the main program Locator with a main method. As the program starts, it loads the data; then it asks for an input address, finds its geographical location, and searches for the closet store.

 

Link:- https://github.com/googlemaps/js-store-locator

The library provides the following features:

  • Pluggable data source – display stores from a data source of your choosing
  • HTML5 Geolocation – determines a good initial viewport for the user
  • Info window – shows details about a store
  • Street View
  • Extensible – customise your own markers, info windows, etc.
  • Fully-featured side panel, providing:
    • Feature filtering
    • Autocomplete search
    • List of nearby stores
    • Directions

Demo:-

  1. panel.html – A simple store locator, including panel. Data is fetched from a static CSV file.
  2. dynamic.html – Same as above, except stores are fetched dynamically from a JSONP web service.
  3. gme.html – Same as above, except stores are fetched dynamically from Google Maps Engine.

 

Link :- https://www.pcapredict.com/support/articles/article/how-to-implement-a-store-locator

// Insert this JS in your code, rest all would be cater by this third party app.

 

I hope this would help you.

Thanks and Regards

Kautuk Sahni

Kautuk Sahni
Conditions d'utilisationAccessibility statement

Loading footer...