JSFiddle - React, Tailwind, and code Playground

by aragon

HTML

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

<div id="map" style="width: 400px; height: 400px; border: 1px solid black"></div>
<div id="info"></div>

JavaScript

var map = new OpenLayers.Map({
    div: "map"
});

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

var graphic = new OpenLayers.Layer.Image(
'Image',
'http://belocalat.com/wp-content/plugins/openlayers/data/baselayer-img1.png',
new OpenLayers.Bounds(27.418100,35.771100,28.388000,36.558500),
new OpenLayers.Size(800,255),
{numZoomLevels: 3}
);

map.addControl(new OpenLayers.Control.LayerSwitcher());
map.addLayers([osm, graphic]);
map.zoomToExtent(new OpenLayers.Bounds(27.418100,35.771100,28.388000,36.558500))