JSFiddle - React, Tailwind, and code Playground

by copystar

HTML

<script src="http://openlayers.org/api/OpenLayers.js"></script>
<b>Mita's map using OpenLayers - The Leddy Library, University of Windsor</b>
<div id="map-div" style="width:450px;height:430px;"></div>

JavaScript

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

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

var longitude = -83.0659774;
var latitude = 42.3064379;
var centerlonlat = new OpenLayers.LonLat( longitude , latitude );

centerlonlat=centerlonlat.transform(map.displayProjection, map.projection);
var zoom = 16;
map.setCenter(centerlonlat,zoom);