JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

var proj_4326 = new OpenLayers.Projection('EPSG:4326');
var proj_900913 = new OpenLayers.Projection('EPSG:900913');
map = new OpenLayers.Map({
    div: "map",
    projection: proj_900913,
    'displayProjection': proj_4326
});

var osm = new OpenLayers.Layer.OSM();
map.addLayer(osm);

var long=91.872654;
var lat=24.897025;

var lonlat = new OpenLayers.LonLat(long,lat).transform(map.displayProjection, map.projection);

map.setCenter(lonlat, 12);

var pointLayer = new OpenLayers.Layer.Vector("River");
map.addLayer(pointLayer);

var linePts = [
    [91.811628,24.904771],
    [91.810856,24.91096],
    [91.817636,24.911855],
    [91.831133,24.907477],
    [91.841497,24.898679],
    [91.841025,24.895312],
    [91.837935,24.891225],
    [91.842356,24.889006],
    [91.853814,24.888626]
];

for(var i=0;i<=linePts.length-1;i=i+1){
  linePts[i] = new OpenLayers.Geometry.Point( linePts[i][0], linePts[i][1]);
  linePts[i] = linePts[i].transform( map.displayProjection, map.projection);
}

var style_green = {
    strokeColor: "#00FF00",
    strokeOpacity: 0.7,
    strokeWidth: 6
};

var myLine = new OpenLayers.Geometry.LineString( linePts );
pointLayer.addFeatures([ new OpenLayers.Feature.Vector( myLine, null, style_green )]);