interactive_map.html

## interactive_map.html
<!DOCTYPE html>
<html>
  <head>
    <meta name="description" content="Geolocation example with interactive Google Maps" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDn4fMhkCG-W6FOmC9lY5BpaTgwbKraysc&sensor=true"></script>
    <meta charset=utf-8 />
    <title>Geolocation using Interactive Map</title>
    <style type="text/css">
      #map-canvas {
          height: 400px;
      }

      #map-canvas img {
          max-width: none;
      }
    </style>
  </head>
  <body>

    <div id="wrapper">

      <!-- Page heading -->
      <h1>Geolocation</h1>

      <!-- Status -->
      <p>Finding your location: <span id="status">checking...</span></p>

      <!-- Google Maps -->
      <div id="map-canvas"></div>

    </div>

  </body>
</html>