JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <link rel="stylesheet" href="http://openlayers.org/en/v3.1.1/css/ol.css" type="text/css">
    <script src="http://openlayers.org/en/v3.1.1/build/ol.js" type="text/javascript"></script>
</head>
<body>
    <div id="map" class="map"></div>
	<input name="Data" type="file" size="50" maxlength="100000" accept="text/*">
	<input name="Submit" type="submit">
   
    <script type="text/javascript">
        var osmLayer = new ol.layer.Tile({
                            source: new ol.source.OSM(),
							name: 'osmLayer'
                        });

        var map = new ol.Map({
            target: 'map',
            layers: [osmLayer],
            view: new ol.View({
                center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
                zoom: 4
            })
        });
    </script>
</body>