maps_trial.html

<!DOCTYPE html>

<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta charset="utf-8" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&key=<!!!ADD KEY HERE!!!>&sensor=false"></script>
    <script type="text/javascript" src="maps_trial.js"></script>
  </head>
  <body>
        <h1>Map Trial</h1>
        <input id="address" type="textbox" value="88 Carr St, Toronto, ON" />
        <input type="button" value="Submit" onclick="codeAddress();" />
    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>
</html>