JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://dev.openlayers.org/releases/OpenLayers-2.13.1/theme/default/style.css">
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<h2>Map without controls</h2>
<div id="map"></div>
<p>Remove the line 5 of the JavaScript code, click Run and see hot the map is created with a set of default controls, including navigation</p>
CSS
#map{
with:100%;
height:300px;
}
JavaScript
var map;
/* map with an empty list of controls*/
map = new OpenLayers.Map('map', {
controls: [],
numZoomLevels: 6
});
var ol_wms = new OpenLayers.Layer.WMS(
"OpenLayers WMS",
"http://vmap0.tiles.osgeo.org/wms/vmap0",
{layers: 'basic'}
);
map.addLayers([ol_wms]);
map.setCenter(new OpenLayers.LonLat(38,42.5),5);
console.log(map);