module
Maps and Locations

Easy Store Locator

Multiple Store Locator Module for Joomla

J4 J5 J6
5.06.3K+ downloads v2.1
Easy Store Locator
Live preview of Easy Store Locator
Module settings Easy Store Locator

Play with the Module Settings

By changing the module settings and applying them, you can see how the module behaves and how it affects the layout and appearance. You can experiment with different configurations and find the best settings for your needs.

Fit All Stores on Load
Show Sidebar
Sidebar Toggle Button
Search Box
Category Chips
Get Directions Button
Result Count
Display name of this location.
Optional group for filtering (e.g. Flagship, Outlet, Partner).
Street address shown in the sidebar and info window.
Phone number (click-to-call on mobile).
Optional contact email.
Optional website URL (https://…).
Example: Mon–Fri 9am–6pm
Optional blurb under the address.
Required. Between -90 and 90. Use Google Maps → right-click → coordinates.
Required. Between -180 and 180.
Accent used for this store’s pin / sidebar highlight.
Display name of this location.
Optional group for filtering (e.g. Flagship, Outlet, Partner).
Street address shown in the sidebar and info window.
Phone number (click-to-call on mobile).
Optional contact email.
Optional website URL (https://…).
Example: Mon–Fri 9am–6pm
Optional blurb under the address.
Required. Between -90 and 90. Use Google Maps → right-click → coordinates.
Required. Between -180 and 180.
Accent used for this store’s pin / sidebar highlight.
Display name of this location.
Optional group for filtering (e.g. Flagship, Outlet, Partner).
Street address shown in the sidebar and info window.
Phone number (click-to-call on mobile).
Optional contact email.
Optional website URL (https://…).
Example: Mon–Fri 9am–6pm
Optional blurb under the address.
Required. Between -90 and 90. Use Google Maps → right-click → coordinates.
Required. Between -180 and 180.
Accent used for this store’s pin / sidebar highlight.
Display name of this location.
Optional group for filtering (e.g. Flagship, Outlet, Partner).
Street address shown in the sidebar and info window.
Phone number (click-to-call on mobile).
Optional contact email.
Optional website URL (https://…).
Example: Mon–Fri 9am–6pm
Optional blurb under the address.
Required. Between -90 and 90. Use Google Maps → right-click → coordinates.
Required. Between -180 and 180.
Accent used for this store’s pin / sidebar highlight.
Display name of this location.
Optional group for filtering (e.g. Flagship, Outlet, Partner).
Street address shown in the sidebar and info window.
Phone number (click-to-call on mobile).
Optional contact email.
Optional website URL (https://…).
Example: Mon–Fri 9am–6pm
Optional blurb under the address.
Required. Between -90 and 90. Use Google Maps → right-click → coordinates.
Required. Between -180 and 180.
Accent used for this store’s pin / sidebar highlight.
Display name of this location.
Optional group for filtering (e.g. Flagship, Outlet, Partner).
Street address shown in the sidebar and info window.
Phone number (click-to-call on mobile).
Optional contact email.
Optional website URL (https://…).
Example: Mon–Fri 9am–6pm
Optional blurb under the address.
Required. Between -90 and 90. Use Google Maps → right-click → coordinates.
Required. Between -180 and 180.
Accent used for this store’s pin / sidebar highlight.
Display name of this location.
Optional group for filtering (e.g. Flagship, Outlet, Partner).
Street address shown in the sidebar and info window.
Phone number (click-to-call on mobile).
Optional contact email.
Optional website URL (https://…).
Example: Mon–Fri 9am–6pm
Optional blurb under the address.
Required. Between -90 and 90. Use Google Maps → right-click → coordinates.
Required. Between -180 and 180.
Accent used for this store’s pin / sidebar highlight.

Demo content — load 10 sample London stores so you can preview the map immediately. Remember to Save the module afterwards.

CSV import fills the Location Settings subform. Required columns: title, latitude, longitude. Optional: category, address, phone, email, website, hours, description, pin_color.

How to Get Google Maps API Key

  1. Go to Google Cloud Console: Visit https://console.cloud.google.com/
  2. Create or Select a Project: Create a new project or select an existing one
  3. Enable Maps JavaScript API:
    • Navigate to "APIs & Services" → "Library"
    • Search for "Maps JavaScript API"
    • Click on it and press "Enable"
  4. Create API Key:
    • Go to "APIs & Services" → "Credentials"
    • Click "Create Credentials" → "API Key"
    • Copy the generated API key
  5. Restrict API Key (Recommended):
    • Click on the API key to edit it
    • Under "Application restrictions", select "HTTP referrers"
    • Add HTTP referrers that match your site URL (see also the RefererNotAllowedMapError box below):
      • Production: https://www.example.com/* and https://example.com/*
      • Local dev: http://localhost/* or, with a subfolder, http://localhost/j6/*
    • Under "API restrictions", select "Restrict key" and choose "Maps JavaScript API"
    • Click "Save"
  6. Paste the API Key: Copy and paste the API key into the "Google API Key" field in the General Settings tab

RefererNotAllowedMapError (map does not load)

If the browser console shows RefererNotAllowedMapError, your API key’s HTTP referrer list does not include the exact site URL you are using. This is configured in Google Cloud, not in Joomla.

  1. Open Google Cloud Console → APIs & Services → Credentials.
  2. Click your API key → under Application restrictions choose HTTP referrers (web sites).
  3. Under Website restrictions, click Add and add a pattern that matches your URL, for example:
    • http://localhost/j6/* — if Joomla runs at http://localhost/j6/
    • http://localhost/* — allows any path on localhost (broader, useful for multiple local projects)
    • For HTTPS live sites, add https://yourdomain.com/* and https://www.yourdomain.com/* if you use both.
  4. Click Save and wait a minute for changes to apply, then hard-refresh your site.

Reference: Google: RefererNotAllowedMapError

How to Get Latitude and Longitude

  1. Method 1 - Using Google Maps:
    • Go to Google Maps
    • Search for your store location or address
    • Right-click on the marker/pin on the map
    • Click on the coordinates that appear (e.g., 37.7749, -122.4194)
    • The coordinates will be copied to your clipboard
    • Paste them into the Latitude and Longitude fields in the Location Settings tab
  2. Method 2 - Using Google Maps URL:
    • Search for your location on Google Maps
    • Look at the URL in your browser
    • The coordinates appear after @ symbol (e.g., @37.7749,-122.4194,15z)
    • The first number is latitude, the second is longitude
  3. Method 3 - Using Online Tools:
  4. Format:
    • Latitude: A number between -90 and 90 (e.g., 37.7749)
    • Longitude: A number between -180 and 180 (e.g., -122.4194)
    • Use decimal format, not degrees/minutes/seconds
    • Negative values indicate South (latitude) or West (longitude)

CSV import & demo content (v2.1)

  1. Open the Import & Demo tab.
  2. Click Load demo locations for 10 sample London stores, or download the sample CSV and upload your own.
  3. Required CSV columns: title, latitude, longitude. Optional: category, address, phone, email, website, hours, description, pin_color.
  4. Review rows under Location Settings, then Save the module.
Tip: You can still add locations manually with the "Add" button in Location Settings. Each location needs latitude and longitude.

All-access bundle

Unlock every JoomlaX extension in one plan

You have explored the demos — now get all 82+ extensions, ongoing updates, and full-time support. Plans start at $99.

  • Satisfaction guarantee
  • Secure SSL payment
  • Updates included

Mobile Menu

Login

Don't have an account yet? Register now!