Javascript 信息窗口中的图表和文本

Javascript 信息窗口中的图表和文本,javascript,google-maps,infowindow,Javascript,Google Maps,Infowindow,我正在尝试将一个从google的corechart库动态创建的图表和一些文本放在markersinfoWindow中,理想的情况是彼此相邻,以便在打开markers窗口时可以很好地看到两者。这可能吗?我当前的方法仅显示图形的文本和[object object],但是当我将内容设置为node时,它确实显示了图表: var node = document.createElement('div'), infoWindow = new google

我正在尝试将一个从google的
corechart
库动态创建的图表和一些文本放在markers
infoWindow
中,理想的情况是彼此相邻,以便在打开markers窗口时可以很好地看到两者。这可能吗?我当前的方法仅显示图形的文本和[object object],但是当我将内容设置为node时,它确实显示了图表:

        var node        = document.createElement('div'),
            infoWindow  = new google.maps.InfoWindow(),
            chart       = new google.visualization.PieChart(node);

        chart.draw(data, options);

        var infoDetails = 
            '<p><b>Station Name</b>: ' + station.Name +
            '<br><b>Station ID</b>: ' + station._id +
            node
            '</p>';

        infoWindow.setContent(infoDetails);
var node=document.createElement('div'),
infoWindow=新建google.maps.infoWindow(),
chart=新的google.visualization.PieChart(节点);
图表绘制(数据、选项);
var infoDetails=
“站点名称:”+站点名称+
“
站点ID:”+站点。\u ID+ 节点 “

”; setContent(infoDetails);

实现这一点的最佳实践是什么?

您当前的方法仅添加节点的字符串表示形式。当然,只将内容设置为“节点”是正确的方法。@dev8080可以,但是
infoDetails
呢?我希望在窗口中同时显示图表和这些详细信息。这取决于PieChart如何修改“节点”…您必须创建一个包含这两个内容的div,就像在普通html流中一样,并将其设置为infowindow的内容。因此,可能创建一个父div,它将图表节点作为子节点,与文本和其他内容一起。如果您可以创建一个提琴,那么演示就很容易了。