JSFiddle - React, Tailwind, and code Playground

by ryanttb

HTML

<script src="http://jquerygeo.com/test/jquery.geo-test.min.js"></script>
<div id="map">
</div>

CSS

#map
{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

JavaScript

// create a map, setting a custom mode and changing the cursors
var map = $("#map").geomap({
    center: [-71.0595678, 42.3604823],
    zoom: 8,
    mode: "point",
    cursors: {
        point: "pointer",
        pan: "-webkit-grabbing"
    }
});