JSFiddle - React, Tailwind, and code Playground

by miso25

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://rawgit.com/miso25/mapoid/master/mapoid.min.js?1"></script>

<div id="test"></div>
<img alt="img" data-bg_fill="rgba(244,124,67,0.5)" class="hmap8807" src="https://github.com/miso25/mapoid/raw/master/map.jpg" width="320" height="160" usemap="#hmap8807" style="display: block;" />

<map name="hmap8807">
<area class="harea tooltip" data-id="269" alt="Banskobystrický kraj" title="Banskobystrický kraj" data-img="" href="search?region=3089" data-ref="" shape="poly" coords="273,288,278,292,281,288,284,291,288,289,290,291,300,291,301,294,305,289,307,289,309,287,321,286,321,288,327,285,330,288,333,284,334,276,336,274,335,270,339,268,338,265,342,265,352,256,354,259,357,259,357,264,363,266,366,263,374,268,371,272,372,275,374,272,376,272,377,273,379,272,387,274,385,280,389,280,390,276,394,276,394,272,403,272,404,274,407,271,407,268,414,262,415,257,424,258,424,255,427,255,427,252,431,253,434,256,437,254,439,254,440,250,445,245,444,240,450,237,449,233,451,230,450,226,458,219,457,216,451,216,449,218,446,216,444,216,442,217,437,216,437,212,436,206,440,197,441,192,434,190,435,179,428,171,421,168,421,160,424,159,424,154,426,150,428,146,428,143,433,139,430,137,427,137,424,134,420,138,416,138,409,136,404,134,399,133,396,131,394,133,373,132,369,134,364,133,357,133,352,127,324,128,315,136,314,139,313,141,305,142,305,140,307,138,307,135,305,132,303,132,300,135,295,135,291,137,285,138,281,135,279,136,275,141,274,147,276,152,274,162,270,162,262,161,260,156,251,161,247,171,242,174,239,183,235,182,231,180,226,186,223,190,224,193,215,193,207,198,207,201,211,201,208,205,214,205,214,210,216,212,211,217,218,221,219,224,218,232,213,237,214,240,218,236,230,236,239,224,242,225,245,229,248,230,248,235,250,236,250,240,254,241,253,245,251,246,251,250,248,252,247,257,250,263,246,266,252,268,255,272,265,271,274,266,277,265,279,264,279,268,277,268,277,272,278,271,279,278,274,281,274,284"><area...

JavaScript

var obj = {
    "selectOnClick": true,
    
   
    
}

$("map[name=hmap8807]").mapoid(obj);

$("map[name=hmap8807]").mapoid('selectAll', 500, function(){
	
  alert('selection completed')

});