title: How do I add hover boxes that display a .geojson property over a marker in Google Maps?
body: <p>I am working on a project where I am plotting a few hundred homes in the Google Maps API using a .geojson file which contains all of them as features with numerous properties.  I have gotten my .js file to load the .geojson file and display each home as a marker on the map, however I cannot figure out how to interact with these points.  I am trying to get the points to display a text box with their address (which is listed as one of the properties) in it when hovering over the point.</p>
  
  <p>This is all I have managed to write for my .js file so far -</p>
  
  <pre><code>function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 41.8963964, lng: -87.6864236},
            zoom: 13
    });
  
    map.data.loadGeoJson('data_table.json', 'Full Address');
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/oBsJf.png" rel="nofollow noreferrer">https://i.stack.imgur.com/oBsJf.png</a></p>
  
  <p><a href="https://i.stack.imgur.com/oBsJf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oBsJf.png" alt="image of infowindow"></a>
  This is an image of the type of text-box I am trying to create when hovering over a point.</p>