JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css">
<!DOCTYPE html>
 <h1>Bakersoft Heavy Industries mapping</h1>

<p>Welcome to Bakersoft Heavy Industries mapping</p>
<body>
    <div id="map" style="height: 500px;"></div>
</body>

JavaScript

var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);