JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#map-canvas {position:fixed !important; position:absolute; top:0; left:200px; right:0; bottom:0; }

JavaScript

var map;
            var markers = [];

            function initialize() {
                var map = L.map('map-canvas').setView([51,25], 10);

                L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                    maxZoom: 18,
                    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
                        '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
                        'Imagery © <a href="http://mapbox.com">Mapbox</a>',
                    id: 'examples.map-i86knfo3'
                }).addTo(map);

                timeout();

            }

            function timeout() {
                L.marker([51, 0.09]).addTo(map);
            }

            L.DomEvent.addListener(window, 'load', initialize);