MapSVG: Interactive Vector Maps (Miscellaneous)

MapSvg plugin can take any SVG map and make it interactive.

This is WordPress version of popular jQuery mapSVG plugin: http://codecanyon.net/item/jquery-interactive-svg-map-plugin/1694201

Features

  • Any maps – works with almost any SVG map; you can get free SVG maps at Wikipedia.
  • Preloaded maps – World, USA , Russia, Europe, Africa, Australia, Switzerland, Germany, Peru, Brazil, Malaysia, South Easth Asia
  • No Flash – works on iPad & iPhone
  • Cross-browser – tested
  • Resizable – just set width / height
  • Responsive – auto-adjust size for small screens
  • Zoom & pan – optional (on/off) zoom & pan – zoom with mousewheel, scroll by mouse pointer
  • Customizable Colors – base, hover, selected, disabled, strokes;
  • Regions as clickable links – set URLs for regions
  • Tooltips – show country names or custom text
  • Markers – put markers to the map – set custom image, tooltip, href
  • Custom event handlers – onClick, onMouseOver, onMouseOut

Known Issues and Limitations

Zoom & Pan currently not working in IE, may be this will be fixed in next versions of the plugin. Zoom & Pan can be just turned off if you don’t need it.

Easy-to-use control panel (Ajaxy!)

Please take a look at screenshots of MapSVG control panel:
Main Setting
Colors
Regions
Markers
Markers [edit]
Events

Control panel works on jQuery + Ajax: fast switch between tabs and save without page reloading.

Shortcode

After you have finished setup of map in control panel, just add a small shortcode to any page: [mapsvg id=6]. You can have unlimited number of maps, each will have unique ID for a shortcode.

Download MapSVG: Interactive Vector Maps (Miscellaneous)

Leave a Reply

Your email address will not be published. Required fields are marked *