JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html version="6" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<head>
<title>Utah GIS Map</title>
<link rel="stylesheet" href="ccm_style.css"></link>
</head>


  <script type='text/javascript' src='http://openlayers.org/dev/OpenLayers.js'></script>

<div id='map' class="map" style='width: 500px; height: 500px;'> </div>

CSS

<style>
div.map {
border: thin;
}
</style>

JavaScript

function init(){
            var mapOptions = {
                maxExtent: new OpenLayers.Bounds(-174,18.4,-63.5,71),
                maxResolution: 0.25,
                projection: "EPSG:4326"};
            map = new OpenLayers.Map( 'map', mapOptions );
            layer = new OpenLayers.Layer.ArcGIS93Rest( "ArcGIS Server Layer", "http://mapserv.utah.gov/ArcGIS/rest/services/UtahBaseMap-Hybrid/MapServer", 
                  { id: "Hybrid" });

            map.addLayer(layer);
 
            map.addControl( new OpenLayers.Control.MousePosition() );
            
            map.setCenter(new OpenLayers.LonLat(-115, 45), 0);
        }
        
window.onload = init();