Create interactive vector maps, floor plans, and image maps. Support for Google Maps integration, custom markers, tooltips, and popups.

maartenhemmes

kizinko

Image Mapper

Allows you to set an image and have your users click on parts of that image to learn more. Great for floorplans, cars, homes, anatomy, etc.

Martien

Floorplans – Lite

Floorplans for your forms with elements functioning as radiobuttons or checkboxes. Lightweight and easily created in the Gutenberg editor.

RomanCode

<p>MapSVG is a powerful WordPress mapping plugin that allows you to create interactive vector maps, floor plans, and image maps. Perfect for real estate websites, store locators, seating charts, and more.</p>
<ul>
<li><a href="https://mapsvg.com/demo" rel="nofollow ugc">WP-Admin Demo</a></li>
</ul>
<p><iframe loading="lazy" title="MapSVG: WordPress map plugin" width="750" height="422" src="https://www.youtube.com/embed/GXrGA9ecN-Y?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>Key Features (free version)</h4>
<ul>
<li>SVG Vector Maps (100+ maps are included in the plugin)</li>
<li>Custom SVG files support (upload your own SVG files and turn them into interactive maps)</li>
<li>Google Maps</li>
<li>Custom overlays on Google Maps</li>
<li>Image Maps</li>
<li>Floor Plans</li>
<li>Store Locator (search by address)</li>
<li>Markers (add markers by entering an address)</li>
<li>Connect markers to clickable areas on the map (show all locations connected to a specific area in the popover window)</li>
<li>Map areas and markers working as links</li>
<li>Custom Tooltips, Popovers, Large scrollable modals</li>
<li>Database Integration</li>
<li>Custom Fields</li>
<li>Filters & Search</li>
<li>REST API Support</li>
</ul>
<h4>MapSVG vs other mapping plugin</h4>
<p>Below is the comparison of the free version of MapSVG to other popular free mapping plugins on WordPress.org.</p>
<h3>Unlimited maps</h3>
<ul>
<li><strong>MapSVG</strong>: Unlimited number of maps</li>
<li><strong>Others</strong>: 1 map</li>
</ul>
<h3>Unlimited locations</h3>
<ul>
<li><strong>MapSVG</strong>: Unlimited number of markers </li>
<li><strong>Others</strong>: Limited number of markers</li>
</ul>
<h3>Map regions to locations connection</h3>
<ul>
<li><strong>MapSVG</strong>: Connect markers to map clickable areas. Every area of the map can have one or many markers connected to it. Show the list of connected locations in the popover window.</li>
<li><strong>Others</strong>: No connection between markers and map clickable areas</li>
</ul>
<h3>Internal Database</h3>
<ul>
<li><strong>MapSVG</strong>: Custom database, with custom fields support</li>
<li><strong>Others</strong>: You can only use a small set of pre-defined fields, such as title, description and address.</li>
</ul>
<h3>Views</h3>
<ul>
<li><strong>MapSVG</strong>: Show custom fields, as formatted HTML, or show the fully rendered WP Post content – in the Tooltips / Popovers (unique feature of MapSVG)</li>
<li><strong>Others</strong>: You can only show the coordinates of the marker in a small tooltip</li>
</ul>
<h3>Labels</h3>
<ul>
<li><strong>MapSVG</strong>: Show marker labels (name or address of the location) and region labels (names of countries, states, etc.)</li>
<li><strong>Others</strong>: No labels</li>
</ul>
<h4>MapSVG Premium Features</h4>
<ul>
<li><strong>Directory</strong>: Display a list of interactive items alongside the map.</li>
<li><strong>Custom Overlays</strong>: Add custom overlays on Google Maps.</li>
<li><strong>Advanced Filters</strong>: Enable fulltext search, search by category, zip code, by date.</li>
<li><strong>Country-Specific Address Search</strong>: Restrict address searches by country.</li>
<li><strong>CSV Data Import</strong>: Load data seamlessly from CSV files.</li>
<li><strong>Image Gallery Module</strong>: Showcase images in a lightbox format.</li>
<li><strong>Parent/Child Maps</strong>: Open an additional map upon clicking a region.</li>
<li><strong>Marker Clustering</strong>: Group large amount of markers into clusters.</li>
<li><strong>Data Source: WordPressCPT</strong>: Use WordPress CPTs as a data source.</li>
<li><strong>Data Source: Custom API</strong>: Use JSON response from your own API as a data source.</li>
<li><strong>Code editor: CSS</strong>: Edit CSS directly in the map editor, customize the look and feel of the map.</li>
<li><strong>Code editor: Handlebars Templates</strong>: Get full control over the HTML of the popovers / tooltips / details view.</li>
<li><strong>Code editor: JavaScript</strong>: Use built-in JavaScript editor for event handling, middleware customization, modify data before it is displayed on the map.</li>
<li><strong>Custom Marker Images</strong>: Upload your own marker images.</li>
<li><strong>Chat Authorization</strong>: Store the chat history. Get access to the same chats online any time on mapsvg.com/dashboard. </li>
<li><strong>Priority Support</strong>: Faster response time in the chat.</li>
<li><strong>Purchase Code for Updates</strong>: Enable automatic updates from our servers with the purchase code for more frequent updates.</li>
<li><strong>One-Click wp-admin Access</strong>: Grant support agents quick access to your wp-admin for faster issue resolution.</li>
</ul>


MapSVG – Vector maps, Image maps, Google Maps


This plugin is absolutely fantastic! It works seamlessly and delivers exactly as promised. Highly recommend this plugin!


Alternatives to MapSVG – Vector maps, Image maps, Google Maps

Top alternatives