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="width:400px; height:200px" id="map"></div>

JavaScript

var map = new OpenLayers.Map('map');
var gmap = new OpenLayers.Layer.Google("foo");
map.addLayers([gmap]);
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 ]);