JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://dev.openlayers.org/releases/OpenLayers-2.12/OpenLayers.js"></script>
<body onload="init()">
<div id="rcp1_map" style="width: 100%; height: 100%;"></div>
</body>
CSS
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
JavaScript
function init() {
// Create the map using the specified DOM element
var map = new OpenLayers.Map("rcp1_map");
// Create an OpenStreeMap raster layer and add to the map
var osm = new OpenLayers.Layer.OSM();
map.addLayer(osm);
// Set view to zoom maximum map extent
map.zoomToMaxExtent();
}