JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.googleapis.com/maps/api/js?v=3&amp;amp;sensor=false"></script>
<script src="https://raw.githubusercontent.com/GustavAT/NinjaArrows.js/master/js/ninjaarrows-gmaps-v1.2.js"></script>
<div id="map" style="height: 400px; width: 100%"></div>

JavaScript

var ninjaArrows, markers = [],
    map;


var center = new google.maps.LatLng(46.642138, 14.289268);
map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: center,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

for (var i = 0; i < 100; i++) {
    markers.push(new google.maps.Marker({
        position: new google.maps.LatLng(42 + 10 * Math.random(), 10 + 10 * Math.random()),
        map: map,
        title: "Random Marker " + i
    }));
}
ninjaArrows = new NinjaArrows(map, markers, {
    style: {
        type: "gradient",
        resolution: 100,
        maximum: 50
    }
});
ninjaArrows.setBorderOffset({
    top: 20,
    bottom: 10,
    right: 00,
    left: 80
});