JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://openlayers.org/dev/OpenLayers.js"></script> 

<div id="map" style="width: 600px; height: 300px; border: 1px solid black"></div>
<div id="info"></div>

JavaScript

var map = new OpenLayers.Map({
    div: "map",
    projection: new OpenLayers.Projection("EPSG:3857"),
});

var geoJson = {
   'geometry':{
      'type':'MultiPolygon',
      'coordinates':[
         [
            [
               [
                  -5094430.24253826,
                  3881110.579584133
               ],
               [
                  534666.391073443,
                  2396160.414560895
               ],
               [
                  -8086160.222736376,
                  2387880.813082666
               ]
            ]
         ]
      ]
   },
   'type':'Feature',
}
var layerOSM = new OpenLayers.Layer.OSM();
var vectorLayer = new OpenLayers.Layer.Vector('Feature'); 
var geoJsonFormat = new OpenLayers.Format.GeoJSON();

vectorLayer.addFeatures(geoJsonFormat.read(geoJson));

var split = new OpenLayers.Control.Split({layer: vectorLayer,
                                              eventListeners: {
                                                aftersplit: function(event) {
                                                    alert("Number of features after split: " + vectorLayer.features.length)
                                                }
                                              }
                      });

map.addLayers([layerOSM,vectorLayer]);
map.addControls([split]);
split.activate();
map.setCenter(new OpenLayers.LonLat(0, 0), 0);