Skip to main content

Recipes

Task-oriented starting points. Each recipe links to a full tutorial or guide. Check Prerequisites before you begin.

Store locator​

Markers on a map, a searchable list, and filters (address / distance optional).

Prerequisites: MapSVG installed; Google API keys if you geocode addresses or use Google Maps; Database objects with a Location field.

Build with:

  1. MapSVG Database — add locations as markers
  2. Directory — list next to the map
  3. Filters — search and filter controls
  4. Actions — click → details / popover / zoom
  5. Optional: CSV import or Google Sheets sync

Choropleth map​

Shade Regions by numeric values.

Prerequisites: SVG map with Regions; a numeric field on Regions (or Database).

Tutorial: Choropleth map

WordPress posts on a map​

Show posts as markers (or linked to Regions).

Prerequisites: Posts with locations or region mapping as required by the tutorial.

Tutorial: WP Post data source

Google Map with SVG overlay​

Interactive SVG shapes on top of Google Maps.

Prerequisites: Two Google API keys; Inkscape (recommended) for SVG editing.

Tutorial: Google Map with custom SVG overlay

Embed on a WordPress page​

Show a map on a page or post.

Guide: Creating your first map · Gutenberg block · Elementor widget · Classic editor

Embed outside WordPress (iframe)​

Show a map on a non-WordPress site.

Prerequisites: Map published on a WordPress install that MapSVG can reach.

Tutorial: Adding maps to a non-WordPress website

Regions / markers as links​

Open a URL when the user clicks a Region or Marker.

Prerequisites: A URL field on Regions or Database objects.

Tutorial: Regions and Markers as links

ACF: region status from a field​

Map an ACF field on linked posts to MapSVG Region statuses.

Prerequisites: Advanced Custom Fields; posts connected to Regions; Region Status field configured in MapSVG.

Tutorial: Set region status by ACF field

ACF: sort directory by a field​

Sort loaded Database objects by an ACF value.

Prerequisites: ACF; Database source uses WordPress posts with the ACF field.

Tutorial: Sort objects by ACF field

Share data between maps​

Reuse one Database table across several maps.

Tutorial: Sharing data between multiple maps