JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://openlayers.org/dev/OpenLayers.js"></script>
<div id="map" style="width:256px;height:256px"></div>

JavaScript

new OpenLayers.Map({
    div: "map",
    layers: [
        new OpenLayers.Layer.WMS(
            "USA States",
            "http://suite.opengeo.org/geoserver/wms",
            {layers: "usa:states"},
            {maxExtent: [-124.731, 24.956, -66.97, 49.372]}
        ),
        new OpenLayers.Layer.WMS(
            "Medford City Limits",
            "http://suite.opengeo.org/geoserver/wms",
            {layers: "medford:citylimits"},
            {maxExtent: [-122.911, 42.289, -122.777, 42.398]}
        )
    ],
    controls: [new OpenLayers.Control.LayerSwitcher()],
    zoom: 2,
    center: [-95.85, 37.16],
    eventListeners: {
        changebaselayer: function(e) {
            e.layer.map.zoomToMaxExtent();
        }
    }
});