JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css">
<div id="map"></div>

CSS

#map {
    width: 500px;
    height: 500px;
}

JavaScript

map = L.map('map', {
    center : [33.420125, -94.0476882],
    zoom   : 12,
    minZoom: 11
});

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors'
}).addTo(map);

var test = L.LayerGroup([
    L.marker([33.466150, -94.058016]).bindPopup('Example marker'),
    L.marker([33.457635, -94.155083]).bindPopup('Example marker 2')
]);
test.addTo(map);