JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://mapmeld.appspot.com/leaflet-0.6.js"></script>
<link rel="stylesheet" href="http://mapmeld.appspot.com/leaflet-0.6.css">
<script src="http://mapmeld.appspot.com/leaflet.draw.js"></script>
<link rel="stylesheet" href="http://mapmeld.appspot.com/leaflet.draw.css">
<b>A Map using Leaflet.js</b>
<div id="mymap" style="width:450px;height:430px;"></div>

CSS

html, body{ width:100%; height: 100%, margin:0; padding:0; }
#mymap{ width:100%; height:100%; }

JavaScript

map = new L.Map('mymap', {drawControl: true});
osmTile = "http://tile.openstreetmap.org/{z}/{x}/{y}.png";
osmCopyright = "Map data &copy; 2012 OpenStreetMap contributors";
osmLayer = new L.TileLayer(osmTile, { maxZoom: 18, attribution: osmCopyright } );
map.addLayer(osmLayer);
map.setView( new L.LatLng(38.9,-77.1), 11 );

map.on('draw:created', function (e) {
    if(e.layerType == "marker"){
       pt = e.layer.getLatLng();
       alert( pt.lat.toFixed(6) + "," + pt.lng.toFixed(6) );   
    }
});