JSFiddle - React, Tailwind, and code Playground

by Kyle Pennell

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.2/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.6.2/leaflet.js"></script>
<div id="map" style="width: 600px; height: 400px"></div>

JavaScript

var geojson = {
    "type": "FeatureCollection",
    "features": [{
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-96.7587967", "17.1174164"]
        },
        "properties": {
            "Date": "Nov 1",
            "Location": "Oaxaca Panteon",
            "Terrain": "City",
            "Difficulty": "Easy"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-97.1377792", "17.6514606"]
        },
        "properties": {
            "Date": "3/4/2014",
            "Location": "Apoala",
            "Terrain": "Countryside",
            "Difficulty": "Difficult"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-96.7701721", "17.0921402"]
        },
        "properties": {
            "Date": "Dec 13",
            "Location": "Atzompa",
            "Terrain": "Archeological",
            "Difficulty": "Moderate"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-97.6729431", "16.2861195"]
        },
        "properties": {
            "Date": "Dec 20",
            "Location": "La Cumbre",
            "Terrain": "Mountain",
            "Difficulty": "Moderate"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-95.4574127", "16.4325542"]
        },
        "properties": {
            "Date": "Dec 27",
            "Location": "Jalapa del Valle ",
            "Terrain": "Countryside",
            "Difficulty": "Easy"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-96.7611008", "17.1459007"]
        },
        "properties": {
            "Date": "Dec 6",
            "Location": " San Pablo Etla  ",
            "Terrain":...