2D Canvas Asynchronous Loading

View this example full screen.

CoString of 2D Canvas Asynchronous Loading

View this example in sandbox :
o,109.72328593151204,214.0909703111111&z,12

JavaScript of 2D Canvas Asynchronous Loading

function initialize()
{
    var oMapOptions = {
        coStrType: zhupiter.CoStr.CoStrType.CANVAS2D,
        center: new zhupiter.CoStr.Point2D(214.0909703111111, 109.72328593151204),
        zoom: 12
    };
    var oCoStrMap = new zhupiter.CoStr.Map(document.getElementById('map_canvas'), oMapOptions);
}

/*
//@ Method 2 - Alternate method by JavaScript program codes.
function asyncLoadScript()
{
    var oScript = document.createElement('script');
    oScript.type = 'text/javascript';
    oScript.src = '//costr.zhupiter.com/js/' +
                  '?callback=initialize';
    document.body.appendChild(oScript);
}

window.onload = asyncLoadScript;
*/

JavaScript + HTML of 2D Canvas Asynchronous Loading

<!DOCTYPE html>
<html>
    <head>
        <meta name='viewport' content='initial-scale=1.0, user-scalable=no'>
        <meta charset='utf-8'>
        <title>2D Canvas Asynchronous Loading</title>
        <style>
        html, body, #map_canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
        }
        </style>
        <script async src='//costr.zhupiter.com/js/?callback=initialize'></script>
        <script>
function initialize()
{
    var oMapOptions = {
        coStrType: zhupiter.CoStr.CoStrType.CANVAS2D,
        center: new zhupiter.CoStr.Point2D(214.0909703111111, 109.72328593151204),
        zoom: 12
    };
    var oCoStrMap = new zhupiter.CoStr.Map(document.getElementById('map_canvas'), oMapOptions);
}

/*
//@ Method 2 - Alternate method by JavaScript program codes.
function asyncLoadScript()
{
    var oScript = document.createElement('script');
    oScript.type = 'text/javascript';
    oScript.src = '//costr.zhupiter.com/js/' +
                  '?callback=initialize';
    document.body.appendChild(oScript);
}

window.onload = asyncLoadScript;
*/
        </script>
    </head>
    <body>
        <div id='map_canvas'></div>
    </body>
</html>