Initialize ol.map using myMap class

Initialize ol.map using myMap class in ol3, with inheritance

by João Rodrigues

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        
        <link rel="stylesheet" href="http://ol3js.org/en/master/css/ol.css" type="text/css">
        <script src="http://ol3js.org/en/master/build/ol.js" type="text/javascript"></script>
        <script>
            window.onload = function() {
                
                <!--
                    I want to be able to instantiate the ol.Map
                    using my defined class myMap
                -->
                new myMap({
                    layers: [
                        new ol.layer.Tile({
                            source: new ol.source.OSM()
                        })
                    ],
                    renderer: 'canvas',
                    target: 'map',
                    view: new ol.View2D({
                        center: [0, 0],
                        zoom: 2
                    })
                });
            };
        </script>
    </head>
    <body>
        <div id="map"></div>
    </body>
</html>

CSS

.map {
    height:400px;
    width:200px;
}

JavaScript

// external file myMap.js

// myMap Class

// I want my map to have all ol.Map features
goog.inherits(myMap, ol.Map);