Multiple Store Locator for Shopify

You have to add your Google Map API under Setting.

How can I create a google map API?
Click Here to get an idea of how to create a Google Maps API.

After creating the API you just need to add it under Settings->Map API.

Click Here to see how to create google map API.

Step 1: Copy the short code from the settings.

Step 2: Create a new page.

Step 3: Click on Show HTML page.

Step 4: Paste the short code which you copied on the first step.

If you want to update the center position of your init map on the Store Locator. You just update the value under settings.

How can I get Latitude & Longitude?
It is really simple to get the Latitude & Longitude.

Please follow the below steps.
Open https://maps.google.com/

Go to your center position which you want to display on your store locator map.

You can set zoom level based on your need.

– You can add this Shortcode to your page or theme based on your requirement.

Step 1: Copy the short code from the settings.

Step 2: Create a new page.

Step 3: Click on Show HTML page.

Step 4: Paste the short code which you copied on the first step.

If you want to update the center position of your init map on the Store Locator. You just update the value under settings.

How can I get Latitude & Longitude?
It is really simple to get the Latitude & Longitude.

Please follow the below steps.
Open https://maps.google.com/

Go to your center position which you want to display on your store locator map.

You can set zoom level based on your need.

– Change color & map style to best match your theme.
– Change Layout as per your convenience.

Different layout options:

• Layout 1 (Left search with Addresses, Top bar and Map)
• Layout 2 (Top bar, Map and, Addresses with Search bottom of the map)
• Layout 3 (Left Addresses without search, Top bar and Map)
• Layout 4 (Top bar and Map without search and Addresses)

You can Enable Directions: When enabled, a small link to Google Maps Directions will be added near the locations.