
TLDR? See the way it works within the WP-Admin demo:
mapsvg.com/demo
MapSVG was the first-ever plugin uploaded to CodeCanyon in December 2011 (initially, as a jQuery mapping plugin). Since then, it has turn out to be probably the most superior, most versatile, most full-featured, most customizable plugin available on the market, with greater than 11,000+ gross sales.
MapSVG is absolutely suitable with the newest WordPress 6.x, Gutenberg, Superior Customized Fields plugin, with Contact Kind 7. And far more. You may set standing/colours of map areas based mostly on ACF area worth, present varieties made in Contact Kind 7 in map modal home windows,
MapSVG is an ideal WordPress map plugin for: actual property, gross sales reps maps, retailer locators, knowledge visualization, constructing maps, floorplans, parent-child maps, maps with areas working as hyperlinks.
You need to use one of many 100+ included maps of main international locations of the world or… draw your personal! You may draw any vector picture and overlay it on Google Map.
See mapsvg.com for extra examples and options!
Create something and map it
MapSVG is greater than only a mapping plugin: it’s a customized database seamlessly linked to vector, Google, and picture maps.
Every kind of maps in a single plugin
- SVG vector maps (all international locations included)
- Google Maps (limitless customized types)
- Google Maps + your customized vector overlay
- Picture maps: add interactivity to any png/jpeg picture
Create objects and put them on a map
MapSVG has a built-in database, optimized for efficiency, straightforward enhancing, and seamless interplay with maps. Use it to create any sorts of objects and present them on a map!
Present your content material
Present your content material on a map as markers. Teams markers into clusters. Present popovers, tooltips or massive particulars view on click on on a marker or map area. Present a menu with the listing of objects subsequent to your map.
Filter outcomes on the map
Obtainable sorts of filters:
- Textual content search
- Seek for close by places by tackle or from the present consumer location
- Search by zip
- Filter by customized fields
Visualize massive knowledge on a map
Characterize statistical data by each map area with completely different shades of a coloration gradient.
Customise the map performance
Any customized performance will be created by including a number of traces of JS code in MapSVG occasion handlers editor display. Do one thing particular on click on on a map area, marker, when objects are obtained from the server – there are numerous occasions to select from.
Customise the map types
Use built-in template editor.
Effective-tune your types by utilizing a built-in CSS editor
Integrations
Add shortcodes from different plugins to MapSVG. Use case: present a contact type on click on on a marker and go electronic mail saved within the clicked object to the “email_to” area of the contact type.
Add a gallery to your map
Use MapSVG.Gallery add-on to indicate a gallery, slider, and lightbox with pictures.
Different options
Present one other map on click on on a area of a grasp map (drill-down performance). Use case – constructing plans: present a picture of a constructing, click on on a flooring reveals a toddler map with a floorplan. Click on on an space within the floorplan reveals the plan of an condo.
Add controls that enable a consumer to toggle the visibility of sure objects