JSFiddle - React, Tailwind, and code Playground

by _DR_

HTML

<script src="http://openlayers.org/dev/OpenLayers.js"></script>
<div id='mapdiv'></div>

CSS

#mapdiv {
    width: 650px;
    height: 600px;
}

JavaScript

map = new OpenLayers.Map("mapdiv");
var ol = new OpenLayers.Layer.OSM();

var start_point = new OpenLayers.Geometry.Point(0,10);
var end_point = new OpenLayers.Geometry.Point(30,0);

var vector = new OpenLayers.Layer.Vector();
vector.addFeatures([new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LineString([start_point, end_point]).transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")))]);
map.addLayers([ol,vector]);
map.setCenter(new OpenLayers.LonLat(0, 5), 3);