JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<div style="widh:400px; height:200px" id="map"></div>

JavaScript

var map = new OpenLayers.Map('map');
var layer = new OpenLayers.Layer.WMS(
    "OpenLayers WMS",
    "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} 
);
map.addLayers([layer]);
var vectorLayer = new OpenLayers.Layer.Vector("Simple Geometry", { });
var point = new OpenLayers.Geometry.Point(-111.04, 45.68);
var circleFeature = new OpenLayers.Feature.Vector(
    OpenLayers.Geometry.Polygon.createRegularPolygon(
        point, 1, 30
    )
);

map.addLayer(vectorLayer);
map.setCenter(new OpenLayers.LonLat(point.x, point.y), 5);
vectorLayer.addFeatures([ circleFeature ]);