JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css">
<html><head></head><body>
<div id="map"></div>
</body></html>

CSS

#map {
    width: 300;
    height: 200;
}

JavaScript

var mapdata;

$.ajax({
    url: 'http://beta.e-rockford.com/apps/maptest/leaflet/wards.js',
    async: false,
    dataType: 'json',
    success: function( data ) {
        mapdata = data;
    }
});

style = {
    fillColor: '#f00',
    weight: 2,
    opacity: 1,
    color: '#fff',
    dashArray: '3',
    fillOpacity: 0.7
};

var map = L.map( 'map' ).setView( [42.2711, -89.0939], 11 );

L.tileLayer( 'http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png', {
    key: 'f3f1e273bbf948e9ad033b6e0a3baf24',
    styleId: 1714
}).addTo( map );

L.geoJson( mapdata, {style: style} ).addTo( map );