title: How to customize infoWindow (but without using google-maps-utility-library-v3)?
body: <p>I would like to customize my infoWindow adding "border-radius" and "background-color", but in each similar question that I have searched here, the answer is to use <strong>google-maps-utility-library-v3</strong>...</p>
  
  <p>I know that is a good solution, (infact for other reasons I use that), but I would like to know if is there another way to achieve what I want to do...</p>
  
  <p>I tried in this way, with jquery:</p>
  
  <pre><code>var infoWindow;  //like global variable
  
  var centrocircle= new google.maps.LatLng(X,Z);
      var circleOptions = new google.maps.Circle({
          strokeColor: colore,
          strokeOpacity: 1,
          strokeWeight: 2,
          fillColor: colore,
          fillOpacity: 0.85,
          map: map,                   
          center: centrocircle,
          info: '&lt;p id="hook"&gt;home&lt;/p&gt;',
          radius: raggio*770
      });
  
  google.maps.event.addListener(circleOptions, 'domready', function() {
      var l = $('#hook').parent().parent().parent().siblings();
      for (var i = 0; i &lt; l.length; i++) {
          if($(l[i]).css('z-index') == 'auto') {
              $(l[i]).css('border-radius', '16px 16px 16px 16px');
              $(l[i]).css('border', '2px solid red');
          }
      }  
  });
  
  google.maps.event.addListener(circleOptions, 'click', function() {                  
      infoWindow.setPosition(this.center);
      infoWindow.setContent(this.info); 
      infoWindow.open(map,this);
  })                
  </code></pre>
  
  <p>but doesn't work....</p>
  
  <p>I hope can you help me... thanks!</p>
  
  <p><strong>EDIT</strong></p>
  
  <pre><code>var infoWindow;  //like global variable
  
  var tooltipHTML = 
      '&lt;div id="content" style="width:400px"&gt;'+
      '   &lt;div id="infoWindow"&gt;'+
      '   &lt;/div&gt;'+
      '   &lt;h2 id="firstHeading" class="firstHeading"&gt;NAME           CUSTOMER&lt;/h2&gt;'+
      '   &lt;div id="bodyContent"&gt;'+
      '       &lt;p&gt;MORE INFO OF: &lt;b&gt;CUSTOMER&lt;/b&gt;&lt;/p&gt;'+
      '   &lt;/div&gt;'+
      '&lt;/div&gt;';
  </code></pre>
  
  <p>And </p>
  
  <pre><code>var centrocircle= new google.maps.LatLng(X,Z);
  var circleOptions = new google.maps.Circle({
     strokeColor: colore,
     strokeOpacity: 1,
     strokeWeight: 2,
     fillColor: colore,
     fillOpacity: 0.85,
     map: map,     
     center: centrocircle,
     info: tooltipHTML,
     radius: raggio*770
  });
  
  google.maps.event.addListener(circleOptions, 'click', function() {     
     infoWindow.setPosition(this.center);
     infoWindow.setContent(this.info); 
     infoWindow.open(map,this);
  })
  </code></pre>