draw-maps

Drawable maps using svgs instead of image maps

Usage no npm install needed!

<script type="module">
  import drawMaps from 'https://cdn.skypack.dev/draw-maps';
</script>

README

draw-maps

Drawable maps using svgs instead of image maps

Installation

Bower: bower install draw-maps --save

npm: npm install draw-maps

Example

The drawMaps() constructor accepts two arguments: the item selector and an options object.

drawMaps('.drawMap', {
    // options
});

Options

Option Type Default Value Description
wrapImages bool true Whether target should be wrapped
svgClass string "drawMaps-map" Class attached to created svgs
regretKey string "metaKey" Extended click functionality
closeKey string "shiftKey" Extended click functionality
resetKey string "altKey" Extended click functionality
fillColor string "rgba(255, 0, 0, 0.3)" Path fill color
strokeColor string "rgba(255, 0, 0, 0.5)" Path stroke color
strokeWidth number 1 Path stroke width