Store Locator

Create a more refined and feature-rich Store Locator

Store Locators are one of the more complex and useful pieces out there for everyday mapmaking. We've added a lot of features into this addon to help you get started making a pretty and functional Store Locator for your site. See an example here.

When you've installed Pro, first, go to Settings and turn on the Store Locator. Then proceed to the rest of the instructions.

Adding Locations

With the Store Locator, you add Locations the same way you normally would with any Mapster map. Add Locations by going to Maps > Locations, and adding them one by one.

There will be a new set of fields under the content in the Locations, called "Additional Details". You can turn this on to add more information about any given location. This includes entering an address, phone number, hours, website, and social media links.

For every type of Geography Type, you can create it and edit it by drawing directly, or by uploading a pre-created geoJSON for that geography type.

You can also enter a short description that will appear when a user clicks on a specific location.

To make it easy for yourself, create a category and add all your Locations to that category, so you can add them easily and quickly to your map later on.

Making the Map

Once you've created your Locations, create a new map. Add your locations inside the Features tab by selecting the category you created to hold the locations, and all your locations should be added to the map.

Now, to add the sidebar that allows users to search for locations, click on them, see hours, and more. Go to the Filter & List tab, and scroll down to List. Enable this, and then scroll down more and you'll see "Store Locator Options".

Turn on "Enable" to turn on a special interface more appropriate for Store Locators. You can see an example in the screenshot below.

You can also sort the hours you assign to locations by days rather than having them appear from the beginning to the end of the week. This means that, based on the current day, the hours for today will show up first in the store locator listings.

Tips

You may want a full-screen Store Locator. To do that, turn on the full screen replacement in your Map by going to Setup > Layout, and selecting the Full Page and Ignore Container options.