JSFiddle - React, Tailwind, and code Playground

by Thomas B.

HTML

<script src="http://dev.openlayers.org/releases/OpenLayers-2.13.1/lib/OpenLayers.js"></script>
<link rel="stylesheet" href="http://dev.openlayers.org/releases/OpenLayers-2.13.1/examples/style.css">
<link rel="stylesheet" href="http://dev.openlayers.org/releases/OpenLayers-2.13.1/theme/default/style.css">
<div id="map" class="smallmap"></div>
adapted from http://dev.openlayers.org/releases/OpenLayers-2.11/examples/tile-origin.html

JavaScript

var lon = 5;
var lat = 40;
var zoom = 5;
var map, layer;


map = new OpenLayers.Map({
    div: "map",
    maxExtent: new OpenLayers.Bounds(-130, 30, -80, 55),
    maxResolution: 360 / 256 / Math.pow(2, 4),
    numZoomLevels: 12,
    layers: [
        new OpenLayers.Layer.WMS(
            "Global Imagery",
            "http://maps.opengeo.org/geowebcache/service/wms",
            {layers: "bluemarble",
             tiled:true},
            {tileSize: new OpenLayers.Size(256,256),
             tileOrigin: new OpenLayers.LonLat(-180, -90)}
        )
    ],
    center: new OpenLayers.LonLat(-110, 45),
    zoom: 0
});

map.maxExtent.left + ',' + map.maxExtent.bottom




map.addControl(new OpenLayers.Control.LayerSwitcher());