<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">

<title>Test</title>

<style>

    html, body {
        height: 100%;
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

    #map-canvas {
        width: 100%;
    }

    #aDiv {
        width: 100%;
    }

    #aTable {
        border-collapse: collapse;
        width: 100%;
    }

</style>

var height = document.getElementById('aDiv').offsetHeight;
        document.getElementById('map-canvas').style.height = height + '%';