JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://iclient.supermap.io/web/libs/iclient8c/libs/SuperMap.Include.js"></script>
<script src="http://mapv.baidu.com/build/mapv.js"></script>
<script src="http://iclient.supermap.io/dist/iclient-classic.js"></script>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
</body>

JavaScript

var map = new SuperMap.Map("map", {
	controls: [
        new SuperMap.Control.Attribution(),
        new SuperMap.Control.ScaleLine(),
        new SuperMap.Control.Zoom(),
        new SuperMap.Control.Navigation({
             dragPanOptions: {
                enableKinetic: true
            }
        })]
});
//The process of constructing the data is omitted here
var mapvLayer = new SuperMap.Layer.MapVLayer("mapv", {dataSet: dataSet, options: options});
map.addLayer(mapvLayer);