JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://host.appgeo.com/libs/geo/alpha2/jquery-geo-alpha2.min.js"></script>
<div id="map"></div>

CSS

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

JavaScript

var map;

function initMap(center) {
  map = $("#map").geomap({
    center: center || [-71.0597732, 42.3584308],
    zoom: 14
  });
}

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function (p) {
    initMap([p.coords.longitude, p.coords.latitude]);
  }, function (error) {
    initMap();
  });
} else {
  initMap();
}