title: kml layer infowindow
body: <p>I'm struggling to find a way to style the infowindows on this map. I've tried suppressing the infowindow by setting suppressInfoWindows: true but that didn't seem to work. Any ideas would be massively appreciated. I've read through a lot of Google docs and a lot of other posts on here and can't find a solution.</p>
  
  <pre><code>     &lt;script&gt;
  
  var geocoder;
  var map; 
  var marker;
  var layers = [];
  
  function initialize() {
  geocoder = new google.maps.Geocoder ();
  var latlng = new google.maps.LatLng (51.505288, -0.191544);
  var myOptions = {
    zoom: 15,
    disableDefaultUI: true,
    styles: [
          {
             stylers: [
  
    ]
  },
  
  {
    featureType: "poi.park",
    stylers: [
        { color: "#aecfae" },
      { saturation: 0 },
      { lightness: 0 },
      { visibility: "simplified" }
  
  
  
    ]
    },
  
    {
    featureType: "landscape",
    stylers: [
        { color: "#ffffff" },
      { saturation: 0 },
      { lightness: 0 },
      { visibility: "simplified" }
    ]
  },
  
  {
    featureType: "road.highway",
    elementType: "labels",
    stylers: [
      { color: "transparent" },
      { visibility: "off" },
  
    ]
  },
  
  {
    featureType: "water",
    elementType: "geometry.fill",
    stylers: [
      { color: "#a5bfdd" },
      { visibility: "on" },
  
    ]
  },
  
  {
    featureType: "road",
    elementType: "labels",
    stylers: [
      { color: "transparent" },
      { visibility: "off" },
  
    ]
  },
  
    {
    featureType: "road",
    elementType: "geometry",
    stylers: [
        { color: "#e0e0e0" },
      { saturation: 0 },
      { lightness: 0 },
      { visibility: "simplified" }
    ]
  }],
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
      }
    map = new google.maps.Map(document.getElementById("map_canvas"),
      myOptions);
  
    marker = new google.maps.Marker({map:map});
  
       layers[0] = new google.maps.KmlLayer('http://www.cid-dev.co.uk/vicarage-phase-2/kml/VicarageGate.kml', {preserveViewport: true});
  
      for (var i = 0; i &lt; layers.length; i++) {
      layers[i].setMap(map);
  
  
    }
  
    layers[1] = new google.maps.KmlLayer('http://www.cid-dev.co.uk/vicarage-phase-2/kml/PrimarySchools-1.kml',
           {preserveViewport: true});
    layers[2] = new google.maps.KmlLayer('http://www.cid-dev.co.uk/vicarage-phase-2/kml/SecondarySchools-1.kml', {preserveViewport: true});
    layers[3] = new google.maps.KmlLayer('http://www.cid-dev.co.uk/vicarage-phase-2/kml/Culture-6.kml', {preserveViewport: true});
    layers[4] = new google.maps.KmlLayer('http://www.cid-dev.co.uk/vicarage-phase-2/kml/Hotels-2.kml', {preserveViewport: false});
     layers[5] = new google.maps.KmlLayer('http://www.cid-dev.co.uk/vicarage-phase-2/kml/Shopping.kml', {preserveViewport: false});
     layers[6] = new google.maps.KmlLayer('http://www.cid-dev.co.uk/vicarage-phase-2/kml/Restaurants.kml', {preserveViewport: false});
    for (var i = 1; i &lt; layers.length; i++) {
      layers[i].setMap(null);
  
  
    }
      }
  function codeAddress () {
      var address = document.getElementById ("address").value;
      geocoder.geocode ( { 'address': address}, function(results, status)  {
      if (status == google.maps.GeocoderStatus.OK)  {
          map.setCenter(results [0].geometry.location);
          marker.setPosition(results [0].geometry.location);
          map.setZoom(15);
          } 
      else {
          alert("Geocode was not successful for the following reason: " + status);
              }
  }); 
  }
  
  function toggleLayer(i) {
    if(layers[i].getMap() === null) {
      layers[i].setMap(map);
    }
    else {
      layers[i].setMap(null);
    }
  
  
  
  
  
  
  }
  
  
    google.maps.event.addDomListener(window, 'load', initialize);
  
  
  
  
  
  
      &lt;/script&gt;
  
  
  
      &lt;div id="map_canvas" style="position:absolute; width:100%; height:100%; top:0px; left:0px; right:0px; bottom:0px; z-index:100; background-color:#000;"&gt;&lt;/div&gt;
  </code></pre>