Skip to main content

Map Not Showing

If the store locator map isn't displaying, follow these steps to identify and fix the issue.

Updated over a week ago

Check App Embed is Activated

The most common cause is the app embed being disabled:

  1. Go to Online Store > Themes in Shopify admin

  2. Click Customize on your active theme

  3. Click App embeds in the left sidebar

  4. Ensure Store Locator is toggled ON

  5. Click Save

After enabling, refresh your store locator page.

Verify API Key Configuration

Maps require a valid API key from your map provider:

For Mapbox

  1. Go to Settings > Map Provider in Store Locator

  2. Check that a Mapbox Access Token is entered

  3. Verify the token at mapbox.com/account

  4. Ensure the token hasn’t expired or been revoked

For Google Maps

  1. Go to Settings > Map Provider in Store Locator

  2. Check that a Google Maps API Key is entered

  3. In Google Cloud Console, verify:

    • Maps JavaScript API is enabled

    • Geocoding API is enabled

    • API key restrictions allow your domain

Check Theme Compatibility

Some themes may conflict with the store locator:

  1. Try the store locator on a default Shopify theme (Dawn)

  2. If it works, the issue is theme-specific

  3. Check for JavaScript errors in browser console (F12 > Console)

  4. Look for CSS conflicts hiding the map

Browser Console Errors

Check the browser console for specific error messages:

  1. Open your store locator page

  2. Press F12 to open Developer Tools

  3. Click the Console tab

  4. Look for red error messages

Common errors:

  • “API key invalid” - Check your API key

  • “Refused to load script” - Content Security Policy issue

  • “mapboxgl is not defined” - Script loading failed

Clear Cache

Sometimes cached data causes display issues:

  1. Clear your browser cache and cookies

  2. Clear Shopify’s theme cache: Online Store > Themes > Actions > Clear cache

  3. Try viewing in an incognito/private window

Did this answer your question?