HTML: Google map boilerplate (full screen)

<!DOCTYPE html>
<html>
  <head>
    <title>HTML5</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=650, user-scalable=yes">
 
 
    
 
 
 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
 
 
<style>
  
  html, body {
        height: 100%;
        margin: 0;
      }
 
#mapcanvas{
 
  height:100%;
}
 
</style>
 
<script>
 
  var map;
    
 
  $(document).ready(function(){
 
 
    var mapOptions = {
      zoom: 3,
      center: new google.maps.LatLng(43, 0),
      mapTypeId: google.maps.MapTypeId.TERRAIN
    };
 
    map=new google.maps.Map($('#mapcanvas')[0], mapOptions);
 
    //*********************************************************************
    // Add the layer showing the inventory
    //*********************************************************************
 
        
  });//end document ready
 
 
</script>
 
  </head>
  <body>
    <div id="mapcanvas">
    </div>
  </body>
 
 
</html>

Modified http://html5shiv.googlecode.com/svn/trunk/html5.js to a secure url

Modified http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js to a secure url

https://html5shiv.googlecode.com/svn/trunk/html5.js

https://maps.googleapis.com/maps/api/js?sensor=false

https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js