title: Display the HTML panel next to infowindow on Google Map
body: <p>I'm developing the Google Map web application using Google Map 3 library, I want to add the HTML panel when I click on button on infowindow. The panel position always beside the infowindow. Can everyone help me or give me an example to resolve it?</p>
  
  <p>It looks like this:
  <img src="https://i.stack.imgur.com/wDAR5.png" alt="enter image description here"></p>
  
  <p>For example I have some code, could I display the div #panel on the right of the div #content?</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Info windows&lt;/title&gt;
      &lt;style&gt;
        html, body, #map-canvas {
          height: 100%;
          margin: 0px;
          padding: 0px
        }
      &lt;/style&gt;
      &lt;script src="https://maps.googleapis.com/maps/api/js?v=3.exp"&gt;&lt;/script&gt;
      &lt;script&gt;
  // This example displays a marker at the center of Australia.
  // When the user clicks the marker, an info window opens.
  
  function initialize() {
    var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
    var mapOptions = {
      zoom: 4,
      center: myLatlng
    };
  
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  
    var contentString = '&lt;div id="content"&gt;'+
        '&lt;div id="btn_know_more"&gt; Know more'+
        '&lt;/div&gt;'+
        '&lt;/div&gt;';
  
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });
  
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Uluru (Ayers Rock)'
    });
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });
  }
  
  google.maps.event.addDomListener(window, 'load', initialize);
  
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="map-canvas"&gt;&lt;/div&gt;
      &lt;div id="panel"&gt;
        &lt;!--Content panel--&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>