JSFiddle - React, Tailwind, and code Playground

by ryanttb

HTML

<script src="http://jquerygeo.com/test/jquery.geo-test.min.js"></script>
<meta name="viewport" content="width=device-width, minimum-scale=1">

<p>Here is some text above the map, isn't it great! It's about meat.</p>
<p>Bacon ipsum dolor sit amet ullamco shankle andouille laborum, ham ribeye filet mignon. Beef dolor ut reprehenderit ribeye, pariatur beef ribs rump. Ex esse deserunt drumstick ea. Magna capicola salami, pork eu dolore jowl.</p>
<div id="map"></div>
<p>Now there's some text below the map. It's also about meat!</p>
<p>Et tenderloin corned beef fugiat labore. Anim enim quis, spare ribs short ribs magna commodo kielbasa pig pork ground round andouille beef ribs. Culpa shank ball tip in short ribs biltong anim pig beef deserunt minim cillum jerky corned beef. Cillum tenderloin adipisicing dolor ground round. Culpa dolor pariatur sint, tongue elit prosciutto nulla in venison leberkas irure jowl bacon biltong.</p>

CSS

p { margin: .5em }
#map { margin-left: .5em; width: 90%; height: 240px; }

JavaScript

$("#map").geomap({
    zoom: 1
});