Javascript 在谷歌散点图上点击显示谷歌地图信息窗口

我的问题如下： 当用户单击散点图中的某个点时，我希望在谷歌地图中显示相应的信息窗口。因此，当单击散点图中的某个点时，单击地图中的标记时会打开同一窗口

我现在拥有的代码如下。在JS的底部是从散点图中点击一个点的部分。问题就从这里开始。我不知道如何触发

m0

变量click listener

var映射；
load（'current'，{'packages'：['bar'，'scatter']}）；
//google.charts.setOnLoadCallback（drawScatter）；
函数isEven（n）{
返回n%2==0；
}
函数isOdd（n）{
返回数学值abs（n%2）==1；
}
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{lat:52.0918，lng:5.1146}，
缩放：10
});
//绘制条形图
函数drawChart0（标记、名称）{
var parent=document.createElement（“div”），
title=document.createElement（“h1”），
t=document.createTextNode（名称），
w=document.createElement（“div”），
wChart=新的google.charts.Bar（w），
o=document.createElement（“div”），
oChart=新的google.charts.Bar（o），
c=document.createElement（“div”），
cChart=新的google.charts.Bar（c），
i=document.createElement（“div”），
iChart=新的google.charts.Bar（i），
pi=document.createElement（“div”），
piChart=新的google.charts.Bar（pi），
a=document.createElement（“div”），
aChart=新的google.charts.Bar（a），
bi=document.createElement（“div”），
biChart=新的google.charts.Bar（bi），
dw=document.createElement（“div”），
dwChart=新的google.charts.Bar（dw），
infoWindow=new google.maps.infoWindow（）；
var wData=google.visualization.arrayToDataTable([
[“Jaar”、“Waarde huis”]，
["2011", 188400],
["2012", 189050]
]);
变量选项={
颜色：[“#F44336”，“#F44336”]
}
var oData=google.visualization.arrayToDataTable([
[“Jaar”、“Oppervlakte waarde”]，
["2011", 3200],
["2012", 3220]
]);
变量oOptions={
颜色：[“#F44336”，“#F44336”]
}
var cData=google.visualization.arrayToDataTable([
[“Jaar”、“刑事诉讼”]，
["2011", 430],
["2012", 401]
]);
变量连接={
颜色：[“#F44336”，“#F44336”]
}
var iData=google.visualization.arrayToDataTable([
[“Jaar”、“Inbraak”]，
["2011", 46],
["2012", 37]
]);
变量iOptions={
颜色：[“#F44336”，“#F44336”]
}
var piData=google.visualization.arrayToDataTable([
[“Jaar”、“Poging inbraak”]，
["2011", 12],
["2012", 9]
]);
变量piOptions={
颜色：[“#F44336”，“#F44336”]
}
var aData=google.visualization.arrayToDataTable([
[“Jaar”、“Autokraak”]，
["2011", 131],
["2012", 91]
]);
变量A选项={
颜色：[“#F44336”，“#F44336”]
}
var biData=google.visualization.arrayToDataTable([
[“Jaar”、“Bedrijfsinbraak”]，
["2011", 9],
["2012", 17]
]);
变量变量={
颜色：[“#F44336”，“#F44336”]
}
var dwData=google.visualization.arrayToDataTable([
[“Jaar”、“Winkeldiefstal”]，
["2011", 18],
["2012", 14]
]);
变量dwOptions={
颜色：[“#4CAF50”、“#4CAF50”]
}
父.appendChild（title.appendChild（t））；
父母、子女（w）；
父、子（o）；
父母、子女（c）；
父母、子女（一）；
父、子（pi）；
父母、子女（a）；
父母、子女（bi）；
父母、子女（dw）；
wChart.draw（wData、wOptions）；
oChart.draw（oData，oOptions）；
cChart.draw（cData、copions）；
iChart.draw（iData，iOptions）；
piChart.draw（piData，piOptions）；
绘画（aData，A选项）；
比哈特绘画（比达塔、生物作品）；
dwChart.draw（dwData，dwOptions）；
infoWindow.setContent（父级）；
信息窗口。打开（地图、标记）；
}
var m0=新的google.maps.Marker({
地图：地图，
位置：{lat:52.1010322，lng:5.0999601}，
标题：“乌得勒支Daalsebuurt e.o.2e”，
图标：“http://maps.google.com/mapfiles/ms/icons/red.png"
});
m0.addListener（“单击”，函数（）{
//i0.打开（地图，m0）；
图纸0（即“2e Daalsebuurt e.o.”；
});
google.charts.setOnLoadCallback（drawScatter）；
函数drawstrict（）{
var data=google.visualization.arrayToDataTable([
['Woningwaarde'、'Criminalteit 2011'、'Criminalteit 2012']，
[188400，{v:430，f:“乌得勒支Daalsebuurt e.o.，邮编：}，空]，
[189050，null，{v:401，f:“乌得勒支Daalsebuurt e.o.，Utrecht”}]；
变量选项={
哈克斯：{标题：'沃宁瓦德'}，
vAxis:{title:'criminateit'}
}
var chart=new google.charts.Scatter（document.getElementById（'Scatter'）；
google.visualization.events.addListener（图表'select'，函数（）{
var row=chart.getSelection（）[0]。行；
控制台日志（行）；
如果（行>0&&isOdd（行））{
行=行-1；
}
控制台日志（行）；
如果（行==0）{
var c=document.createEvent（“MouseEvents”）；
c、 initMouseEvent（“单击”，真，真，窗口，0,0,0,0，假，假，假，假，假，0，空）；
m0.调度事件（c）；
}
});
chart.draw（数据，google.charts.Scatter.convertOptions（选项））；
}
}

D3.js

要在Google Maps Javascript API v3中的标记上触发单击事件，请使用

触发器

方法：

google.maps.event.trigger(m0,'click');

:

触发器（实例：对象，事件名称：字符串，变量参数：…）
返回值：无
触发给定事件。eventName之后的所有参数都作为参数传递给侦听器