Javascript 在谷歌地图上的infowindow旁边显示HTML面板

Javascript 在谷歌地图上的infowindow旁边显示HTML面板,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,我正在使用GoogleMap3库开发GoogleMapWeb应用程序,我想在单击infowindow上的按钮时添加HTML面板。面板位置始终位于信息窗口旁边。每个人都能帮助我或给我一个例子来解决这个问题吗 看起来是这样的: 例如,我有一些代码,我可以在div内容的右侧显示div面板吗 <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no">

我正在使用GoogleMap3库开发GoogleMapWeb应用程序,我想在单击infowindow上的按钮时添加HTML面板。面板位置始终位于信息窗口旁边。每个人都能帮助我或给我一个例子来解决这个问题吗

看起来是这样的:

例如,我有一些代码,我可以在div内容的右侧显示div面板吗

<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Info windows</title>
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script>
// 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 = '<div id="content">'+
      '<div id="btn_know_more"> Know more'+
      '</div>'+
      '</div>';

  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);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
    <div id="panel">
      <!--Content panel-->
    </div>
  </body>
</html>

看这可能是你会得到一些想法:谢谢,但它不喜欢我的想法,你的问题是?请查看我的代码并帮助我。非常感谢