JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ggis.guadaltel.com/mapea4/assets/css/mapea.ol3.min.css">
<script src="http://ggis.guadaltel.com/mapea4/vendor/browser-polyfill.js"></script>
<script src="http://ggis.guadaltel.com/mapea4/js/mapea.ol3.min.js"></script>
<script src="http://ggis.guadaltel.com/mapea4/js/configuration.js"></script>
<!-- Mapa completo con métodos -->
<div id="mapaContainer"></div>

CSS

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

div#mapaContainer {
  height: 100vh;
  width: 100vw;
}

JavaScript

var mapajs = M.map({
    "controls": ["layerswitcher", "navtoolbar"],
    "wmcfiles": ["callejero"],
    "container": "mapaContainer",
    /*"center": {
      'x': 235061.9,
      'y': 4141933.04,
      'draw': true
    },
    "zoom": 10,
    "label": '<h1>oli</h1>',*/
    "projection": "EPSG:23030*m"
  })
  .setCenter({
    'x': 235061.9,
    'y': 4141933.04,
    'draw': true
  })
  .setZoom(10)
  .addLabel('<h1>oli</h1>')



.on(M.evt.COMPLETED, e => M.dialog.info('yay!'));