Creating Maps

Maps are the main output of Mapsmith. Each map has its own set of locations, layout, theme, and display settings.

Creating a New Map

  1. Go to Mapsmith → Maps
  2. Click Create Map
  3. Enter a Map Name (required)
  4. Select businesses and locations from the Locations tab
  5. Configure the map appearance in the Map Style tab
  6. Click Save Map

Selecting Locations

In the Locations tab, you'll see a tree of all your businesses and their locations. You can:

  • Check an entire business to include all its locations
  • Check individual locations within a business
  • Use the search box to filter businesses and locations by name
  • Click + Add Location next to a business to create a new location without leaving the editor

The Free plan allows 1 map per site with unlimited locations on that map. Pro and Agency unlock unlimited maps per site.

Map Style Tab

The Map Style tab contains all the visual configuration options, organized into collapsible sections:

Basic Info

  • Map Name — Internal name for your reference
  • Map Height — CSS height value (e.g. 600px, 80vh)

Theme

Choose from 10 built-in map themes that change the look and feel of the Google Map. Free themes are Standard and Silver. Pro themes add Retro, Minimal, Blue Essence, Pale Dawn, Dark, Night, Aubergine, and Midnight — plus a Custom option where you can paste your own Google Maps styling JSON.

Pin Overrides

You can override the business-level pin color, icon, and scale on a per-map basis. This is useful when you want the same locations to look different on different maps.

Layout

  • Show Sidebar — Toggle the location list sidebar on or off. When hidden, the map takes up the full width and only shows pins with popovers.
  • Sidebar Mode:
    • Beside — The sidebar sits next to the map (default). The sidebar and map share the container width.
    • Overlay — The sidebar floats over the map as a translucent panel. The map fills the entire container.
  • Sidebar Position — Left or right
  • Shrink to Fit — When enabled, the sidebar is only as tall as its content instead of filling the full map height. Useful when you have just a few locations.
  • Auto-fit Bounds — Automatically zooms the map to fit all markers
  • Container Border Radius — Rounds the outer corners of the map container

When in Overlay mode, additional options appear for max height, border radius, and edge padding of the floating sidebar panel.

Map Controls

Toggle which Google Maps UI controls appear on the frontend:

  • Zoom controls (+/-)
  • Map/Satellite toggle
  • Street View (Pegman)
  • Fullscreen button

Hours Display

Configure how business hours are rendered in the sidebar and popover:

  • Format — Smart (groups days with identical hours, e.g. "Mon - Fri") or Full (lists every day)
  • Day Name Style — Single letter (M), Short (Mon), or Full (Monday)
  • Time Format — 12-hour or 24-hour
  • Show Timezone — Appends timezone abbreviation (e.g. EST, PST)

Sidebar Fields

Choose which location fields to display in the sidebar:

  • Name (always shown)
  • Address
  • Phone
  • Website
  • Hours
  • Custom Fields (Pro)

Popover Fields

Same options as sidebar fields, but controls what appears in the popover that opens when a user clicks a map pin.

Pro Features

The Pro Features section shows options that require a Pro or Agency license: the eight additional map themes, custom marker icons and SVGs, custom popover layouts, and field visibility control.

Duplicating a Map

To duplicate a map with all its settings and location assignments, click the Duplicate button in the Maps list. You'll be prompted to enter a new name. This is useful for creating variations of the same map for different pages.

Live Preview

The map editor shows a live preview on the right side as you make changes. The preview updates when you select locations, change themes, or modify layout settings. Note that some settings (like sidebar mode) are best verified on the actual frontend page.