secondpage.html

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Results</title>
    <script type="text/javascript" src="map.js"></script>
    <div class="aligning">
        <h1 class="title"> Location: Loudoun County </h1>
        <p><!-- Blank Line for Padding because i am lazy --></p>
        <h1 class="title"> Your efficacy is: </h1>
      </div>
        <div id= "box"></div>
    
    

  

    <style>
      html,
      body {
        width: 100%;
        height: 100%;
      }

      #map {
        display: block;
        width: 70%;
        height: 70%;
      }

      
    </style>

<span class="input-group-btn">
  <form action="thirdpage.html"></form>
  <button
    onclick="window.location.href='thirdpage.html';"
    class="search-btn"
  >
</form> 
    click here to learn more
  </button>
</span>
  </head>
  <body>
    <div id="map">
      
    </div>
    <script src="https://maps.googleapis.com/maps/api/js?key=secret&libraries=visualization&callback=initMap"></script>
  </body>
</html>