index.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="pragma" content="no-cache" >
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>An awesome requirejs app</title>
     <style type="text/css">
        #map-canvas { height: 600px; width: 100%;}
      </style>

  </head>
  <body>
    <div id="control">
      <h1>geoLocation running!</h1>
      <label>Enter Address: </label>
      <input type="text" name="addrBox" id="addrBox">
      <input type="button" id="getGeo" value="Fetch Location">
    </div>
    <div id="content"></div>
    <div id="map-canvas"></div>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCo3fsQx8yzaY0w8t5AAmf30P9LSuplR8g" ></script>
    <script data-main="app/config" src="bower_components/requirejs/require.js"></script>
  </body>
</html>