JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.outsharked.com/scripts/jquery.imagemapster.js"></script>
	<map name="mapping">
        <area shape="poly" title="my area description" coords="300,180,350,160,400,255,250,400" href="#"/>
	</map> 
	<img src="http://www.thebcguide.com/images/northAm.png" alt="Mapping" usemap="#mapping"/>

JavaScript

$('img').mapster({
            fill: false,
            fillColor: '000000',
            fillColorMask: 'FFFFFF',
            fillOpacity: 0.5,
            stroke: false,
            strokeColor: 'ff0000',
            strokeOpacity: 1,
            strokeWidth: 1
        });