title: how to place infowindow for the label on google map
body: <p>I am plotting the markers on google map using infobox.js not using <a href="https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple" rel="nofollow">https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple</a> which is working fine the code is as shown below</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head lang="en"&gt;
      &lt;script src="https://maps.googleapis.com/maps/api/js"&gt;&lt;/script&gt;
      &lt;script src="https://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"&gt;&lt;/script&gt;
      &lt;style&gt;
          html,
          body,
          #map {
              height: 100%;
              width: 100%;
              margin: 0px;
              padding: 0px
          }
      &lt;/style&gt;
      &lt;script&gt;
          var map;
          var AutoCircle = [
              {
                  "latitude": '21.170931',
                  "longitude": '72.855607',
              },
              {
                  "latitude": '21.192533',
                  "longitude": '72.848750',
              },
              {
                  "latitude": '21.190178',
                  "longitude": '72.797578',
              }
          ];
          function initMap() {
              // Create the map.
               map = new google.maps.Map(document.getElementById('map'), {
                  zoom: 12,
                   center: {lat:21.181272, lng:72.835066},
                  mapTypeId: google.maps.MapTypeId.TERRAIN
              });
  
              addLabel(AutoCircle);
          }
  
          // Construct the circle for each value in citymap.
          // Note: We scale the area of the circle based on the population.
          function addLabel(circleArray){
              for (var i=0;i&lt;circleArray.length;i++) {
                  var circleData = circleArray[i]
                  var circleLatlng = new google.maps.LatLng(circleData.latitude, circleData.longitude);
                  // Add the circle for this city to the map.
                  var myOptions = {
                      content: 300+"*"+"&lt;br&gt;autos",
                      boxStyle: {
                           background: '#FFFFFF',
                          color: 'red',
                          textAlign: "center",
                          fontSize: "8pt",
                          width: "50px"
                      },
                      disableAutoPan: true,
                      pixelOffset: new google.maps.Size(-25, -10), // left upper corner of the label
                      position: new google.maps.LatLng(circleArray[i].latitude,
                              circleArray[i].longitude),
                      closeBoxURL: "",
                      isHidden: false,
                      pane: "floatPane",
                      zIndex: 100,
                      enableEventPropagation: true
                  };
                  var ib = new InfoBox(myOptions);
                  ib.open(map);
              }
          }
  
          google.maps.event.addDomListener(window, "load", initMap);
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="map"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>how to add the infowindow which we click on the label</p>
  
  <p>Please help</p>