JSFiddle - React, Tailwind, and code Playground

by marcus211

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": [35.1966, 31.7825]
        },
        "properties": {
            "GPSId": "2",
            "DateTime": "7/3/2013 4:47:15 PM",
            "GPSUserName": "2",
            "GPSUserColor": "#FF5500"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [35.2, 31.780117]
        },
        "properties": {
            "GPSId": "6",
            "DateTime": "7/12/2013 9:05:00 AM",
            "GPSUserName": "fake1",
            "GPSUserColor": "#00FF57"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [35.201715, 31.779548]
        },
        "properties": {
            "GPSId": "15",
            "DateTime": "7/12/2013 9:05:00 AM",
            "GPSUserName": "fake10",
            "GPSUserColor": "#00FF57"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [35.200987, 31.779606]
        },
        "properties": {
            "GPSId": "16",
            "DateTime": "7/12/2013 9:05:00 AM",
            "GPSUserName": "fake11",
            "GPSUserColor": "#00FF57"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [35.200987, 31.780522]
        },
        "properties": {
            "GPSId": "17",
            "DateTime": "7/12/2013 9:05:00 AM",
            "GPSUserName": "fake12",
            "GPSUserColor": "#00FF57"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [35.201435, 31.780981]
        },
        "properties": {
            "GPSId": "18",
            "DateTime": "7/12/2013 9:05:00 AM",
            "GPSUserName": "fake13",
           ...