JSFiddle - React, Tailwind, and code Playground

by aragon

HTML

<script type="text/javascript" src="http://openlayers.org/dev/OpenLayers.light.debug.js"></script>
<div id="map" style="width: 500px; height: 500px; border: 1px solid black"></div>

JavaScript

var map = new OpenLayers.Map({
    div: "map",
    minResolution: "auto",
    maxResolution: "auto",
});

var osm = new OpenLayers.Layer.OSM();
var toMercator = OpenLayers.Projection.transforms['EPSG:4326']['EPSG:3857'];
var center = toMercator({x:-0.05,y:51.5});
map.addLayers([osm]);


map.setCenter(new OpenLayers.LonLat(center.x,center.y), 13);