Introduction
MapSVG is a WordPress plugin for interactive maps: SVG country and custom maps, Google Maps overlays, and image maps. You can attach data to regions and markers, show a directory list, filters, popovers, tooltips, and details views — then embed the map on a page with the MapSVG block, Elementor widget, or shortcode.
5-minute path
- Install the plugin
- Create your first map and insert it on a page
- Publish the page and open it on the front end
Learn next
| Topic | Why |
|---|---|
| Creating your first map | Create a map and embed it with block, widget, or shortcode |
| Templates | Handlebars syntax for directory items, popovers, details |
| Actions | What happens on region / marker / directory click |
| JavaScript | Events, middleware, custom behavior |
| Error Dictionary | Error codes and how to fix them |
| Google API keys | Required for Google Maps, geocoding, and address markers |
Common goals
See the Recipes index for prerequisites and step links. Quick jumps:
| Goal | Start here |
|---|---|
| Store locator | Recipes › Store locator |
| Choropleth | Choropleth map |
| WordPress posts on a map | WP Post data source |
| Google Map + SVG overlay | Google Map with custom SVG |
| Embed on a page | Creating your first map · Gutenberg · Elementor · Classic editor |
| Data sources | Data sources overview |
All how-tos: Tutorials.
Need help?
If these docs do not answer your question, open a support ticket.