Store Locator Map

Store Locator Map
Store Locator Map

About Store Locator Map

It runs on MapLibre GL with OpenFreeMap tiles, so there is no API key, no account, no billing and no usage quota to set up.

Live preview

An interactive store locator that pairs a scrollable location list with a responsive map, letting visitors select, explore, and navigate between locations

Features

  • Interactive location cards and map

  • Click, tap, or hover to select locations

  • Smooth map fly-to animations

  • Automatic address geocoding

  • Custom latitude and longitude support

  • Interactive map markers

  • Click markers to select locations

  • Static-render optimized for Framer

How it works

  1. Add your locations. Each one has a tag, a name, an address, an optional photo, a link label and a link URL.

  2. Choose how each pin is placed.

    • From address: type the address and the component finds the pin automatically.

    • Coordinates: enter latitude and longitude yourself for exact, instant pins with no lookup.

  3. The map frames everything. On load, the map zooms to fit all your pins in one view.

  4. Visitors explore.

    • Click or tap a card and the map flies to that location, the marker gets a highlight ring, and the card turns active.

Customize

  • Locations, images, names, tags, and addresses

  • Location links and link labels

  • Address or coordinate-based positioning

  • Map style and custom style URL

  • Selection mode: click or hover

  • Map zoom, fly duration, and fit padding

  • List width, spacing, padding, and card layout

  • Card and map radius

  • Marker size and colors

  • Light, dark, or custom color themes

  • Heading and typography

Need help setting it up?

If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com

Explore More

Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 1600+ users.

Browse Library