JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    
    <title>Assesscarbon mosaic visualization</title>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" crossorigin=""></script>


    <style>
        html, body {
            height: 100%;
            margin: 0;
        }
        #map {
            width: 100%;
            height: 100%;
        }
    </style>

    
</head>
<body>

<div id='map'></div>

<script type="text/javascript">
ACCESS_TOKEN = "c57759fe8306a512981573bc564204ad1062ab99"
    var map = L.map('map', {
        center: [64, 39],
        zoom: 4
    });

    var basemaps = {};
    var overlaymaps = {};

    
var rgb = L.tileLayer(
    'https://maps.terramonitor.com/' + ACCESS_TOKEN + '/assesscarbon_wa/{z}/{x}/{y}.jpg'
).addTo(map);
    
    
</script>



</body>
</html>