title: Changing opacity of KML overlay in Google maps V3
body: <p>Been looking for a solution to what seems like a relatively simple problem. I have a kml layer loaded into google maps. It outputs as a  within the dom and I have been able to identify its location.
  What I want to do is simply change the opacity. I have tried using simple css targeting and that doesn't seem to work.
  I have also tried to add a class to the function calling the kml layer in javascript (however my knowledge of javascript is rudimentary at best)
  None of the answers to the other questions directly apply (or at least I cant see how they would)</p>
  
  <p>here is my code: adding the kml layer and below that the div it outputs to in the dom.</p>
  
  <p>KML add - 
  <code>var geoLayer = new google.maps.KmlLayer('http://www.tijaniogunlende.com/dataviz/doc.kml');
                  geoLayer.setMap(map);
                  geoLayer.addClass( "overlay" );</code> </p>
  
  <p>and the DOM output - 
  <img src="https://i.stack.imgur.com/bdash.jpg" alt="enter image description here"></p>
  
  <p>By the way, it works just fine when I edit the css directly in chrome, but since it's styled inline I cant pinpoint where to insert the css in my code, nor can I target the element properly. At this point I'd prefer a javascript solution.</p>
  
  <p>Please Help.</p>