こんにちは。
現在、cordova-googlemaps-pluginでアプリ開発の練習をしています。

とりあえず画面上に地図を表示させることはできました。
その地図なのですが、画面いっぱいに表示させるにはどうすれば良いのでしょうか？

widthは「px」「%」「auto」どれで指定してもちゃんと表示されるのですが、
heightは「%」「auto」では反応せず、「px」指定でしか表示されません。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Security-Policy"/>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript">
   document.addEventListener("deviceready", function() {
  var div = document.getElementById("map_canvas");
  var map = plugin.google.maps.Map.getMap(div);
}, false);

    </script>
  </head>
  <body>
  <div style="width:auto; height:500px;" id="map_canvas"></div>
  </box>
  </body>
</html>

どうぞ宜しくお願いいたします。

何が問題なのでしょう？それとも「px」でしか表示できないのでしょうか？

なにとぞご教授くださいm(__)m