JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquerygeo.com/jquery.geo-1.0b1.min.js"></script>
<div id="map"><h1>Click the map to add a jsFiddle icon</h1></div>

CSS

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

h1 {
    background: #fff;
    padding: 4px;
    display: inline-block;
}

.geo-label {
    width: 16px;
    height: 16px;
    background: url(/favicon.ico);
    margin-left: -8px;
    margin-top: -8px;
}

JavaScript

var map = $("#map").geomap({
    zoom: 3,
    mode: "drawPoint",
    shapeStyle: {
        width: 0,
        height: 0
    },
    shape: function(e, geo) {
        map.geomap("append", geo, "");
    }
});