title: hide top bar in embedded google map
body: <p>I have an embedded Google Map on a webpage.
  I had to use a map attached to a gmail account because I'm using multiple locations.</p>
  
  <p>The map has a partially opaque bar at the top, that I'd like to get rid of. Each time the map is loaded, the bar has a different (unique) class, so I can't easily hide it using CSS. </p>
  
  <p>I even tried some jQuery, because the sibling before it always has the class of <code>.gm-style</code> so I tried this:</p>
  
  <pre><code>    $(function() {
          // hide google title bar on map
          setTimeout(function(){
                  $(".gm-style").next().hide();                       
          },5000);                
      });             
  </code></pre>
  
  <p>but that didn't work.</p>
  
  <p>Is there some easy way that I'm missing to hide that bar?</p>
  
  <p><a href="https://i.stack.imgur.com/ReSA3.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/ReSA3.jpg" alt="enter image description here"></a> </p>