JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <title>JQVMap - Europe Map</title>
    
    <link href="https://raw.github.com/manifestinteractive/jqvmap/stable/jqvmap/jqvmap.css" media="screen" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://raw.github.com/manifestinteractive/jqvmap/stable/jqvmap/jquery.vmap.js" type="text/javascript"></script>
    <script src="https://raw.github.com/manifestinteractive/jqvmap/stable/jqvmap/maps/jquery.vmap.europe.js"></script>
  </head>
  <body>
    <div id="vmap" style="width: 680px; height: 520px;"></div>
  </body>

JavaScript

jQuery(document).ready(function() {
        jQuery('#vmap').vectorMap({
            map: 'europe_en',
            enableZoom: false,
            showTooltip: false
        });
    });