JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://leafletjs.com/dist/leaflet.css">
<script src="http://leafletjs.com/dist/leaflet.js"></script>
<script src="https://rawgithub.com/indus/Leaflet/master/src/layer/tile/TileLayer.WMS.incrementalSingleTile.js"></script>
<div id="map" style="height: 100%"></div>
CSS
html, body {
height:100%;
padding:0;
margin:0
}
JavaScript
var map = L.map('map', {
crs: L.CRS.EPSG4326,
zoomControl: false,
attributionControl: false,
zoom: 2,
center: [20, 0]
});
L.tileLayer.wmsIncrementalSingleTile("http://geoservice.dlr.de/eoc/basemap/wms", {
layers: 'eoc:world_relief_bw',
format: 'image/png',
transparent: "TRUE",
unloadInvisibleTiles: false // unload is not managed yet
}).addTo(map);