JSFiddle - React, Tailwind, and code Playground

by ryanttb

HTML

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

CSS

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

JavaScript

var map = $("#map").geomap({
    zoom: 2
});

map.geomap("append", [
    {
    type: "Point",
    coordinates: [-71, 42]},
{
    type: "LineString",
    coordinates: [[-71, 42], [-75, 39.5]]},
{
    type: "Polygon",
    coordinates: [[[-75, 39.7], [-74.8, 39.3], [-75.2, 39.3], [-75, 39.7]], [[-75, 39.6], [-74.9, 39.4], [-75.1, 39.4], [-75, 39.6]]]}
]);