JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

html, body {
    height: 100%;
    overflow: hidden;
}
#map {
    height: 100%;
    background: green;
}

JavaScript

var map = L.map('map', {
    maxZoom: 4,
    minZoom: 1,
    maxBounds: [
        [-85.07815906717186, -179.97802734374997],
        [-60.413852350464914, 39.8583984375]
    ]
}).setView([-72.5, -110], 1);

L.tileLayer('http://{s}.tile.cloudmade.com/ae0b302e72ee467691646a6437a2b230/998/256/{z}/{x}/{y}.png', {
    maxZoom: 18
}).addTo(map);

map.on('click', function(e) {
				alert("latitude is "+e.latlng.lat)
			});