JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<link rel="stylesheet" href="http://openlayers.org/api/theme/default/style.css">
CSS
html, body {
width: 100%;
height: 100%;
margin: 0
}
JavaScript
new OpenLayers.Map({
div: document.body,
layers: [
new OpenLayers.Layer.Bing({
name: "Road",
key: "AnfN4KgiQGINjGUzsq--5qq-Qa3AzWpplJ8LByObaIQ8T5c9Ry1uCTNkZ_-jMVtM",
type: "Road"
}),
new OpenLayers.Layer.WMS(
"dwt_lata_proj", "http://truevector.skygone.net:8080/geoserver/DWT/wms", {
layers: 'DWT:dwt_lata_proj',
format: 'image/png',
transparent:true
}, {
maxExtent: new OpenLayers.Bounds(
-19840232, 2028971.375,
-7262943, 11534410
),
numZoomLevels:19,
minResolution:0.5971642833948135,
maxResolution:156543.03390625
}
)
],
center: new OpenLayers.LonLat(-13000000, 8000000),
zoom: 2
});