<!doctype html>
<html>
    <head>
        <style type="text/css">
            .map {
                width: 400px;
                height: 400px;
                border: thin solid;
                position: absolute;
            }
            #map1 {
                left: 5px;
                top: 5px;
            }
            #map2 {
                left: 450px;
                top: 5px;
            }
        </style>
    </head>
    <body>
        <div id="map1" class="map"></div>
        <div id="map2" class="map"></div>
        <script src="http://localhost:9810/compile?id=ol-skeleton" type="text/javascript"></script>
    </body>
</html>

<!doctype html>
<html>
    <head>
        <style type="text/css">
            .map {
                width: 400px;
                height: 400px;
                border: thin solid;
                position: absolute;
            }
            #map1 {
                left: 5px;
                top: 5px;
            }
            #map2 {
                left: 450px;
                top: 5px;
            }
        </style>
    </head>
    <body>
        <div id="map1" class="map"></div>
        <div id="map2" class="map"></div>
        <script src="http://localhost:9810/compile?id=ol-skeleton&mode=RAW" type="text/javascript"></script>
    </body>
</html>

Use RAW mode for demo while ol.Object is not adapted for compiled mode
Use RAW mode for demo while ol.Object is not adapted for compiled mode
