谷歌地图JavaScript API中的添加信息窗口

谷歌地图JavaScript API中的添加信息窗口,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我想问一下如何在谷歌地图中为标记添加信息窗口。条件是,我必须创建一个在地图上有多个标记的程序。但是我如何给每个标记指定一个信息窗口呢 这是我目前的代码: var标记=[]; var映射; 变量标签='ABCD'; var labelIndex=0; 函数初始化(){ map=新建google.maps.map( document.getElementById(“map”){ 中心:新google.maps.LatLng(40.7127837,-74.0059413), 缩放:11, mapTyp

我想问一下如何在谷歌地图中为标记添加信息窗口。条件是,我必须创建一个在地图上有多个标记的程序。但是我如何给每个标记指定一个信息窗口呢

这是我目前的代码:

var标记=[];
var映射;
变量标签='ABCD';
var labelIndex=0;
函数初始化(){
map=新建google.maps.map(
document.getElementById(“map”){
中心:新google.maps.LatLng(40.7127837,-74.0059413),
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
//美国纽约州纽约市(40.7127837,-74.0059413)
//美国新泽西州纽瓦克(40.735657,-74.1723667)
//美国新泽西州泽西市(40.7281574999999,-74.07764170000002)
//美国新泽西州巴约内(40.6687141,-74.1143091000001)
添加标记({
拉脱维亚:40.7127837,
液化天然气:-74.0059413
}“红色”);
添加标记({
拉脱维亚:40.735657,
液化天然气:-74.1723667
}“绿色”);
添加标记({
纬度:40.7281575,
液化天然气:-74.0776417
}“黄色”);
添加标记({
纬度:40.6687141,
液化天然气:-74.1143091
}“橙色”);
}
google.maps.event.addDomListener(窗口“加载”,初始化);
功能添加标记(位置、颜色){
var marker=new google.maps.marker({
位置:位置,,
标签:标签[labelIndex++%labels.length],
图标:{
网址:'http://maps.google.com/mapfiles/ms/icons/“+color+”.png',
labelOrigin:新的google.maps.Point(15,10)
},
地图:地图
});
标记器。推(标记器);
}     

有人能给我一个解决问题的方法吗?

你可以这样做:

var标记=[];
var映射;
变量标签='ABCD';
var labelIndex=0;
函数初始化(){
map=新建google.maps.map(
document.getElementById(“map”){
中心:新google.maps.LatLng(40.7127837,-74.0059413),
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
//美国纽约州纽约市(40.7127837,-74.0059413)
//美国新泽西州纽瓦克(40.735657,-74.1723667)
//美国新泽西州泽西市(40.7281574999999,-74.07764170000002)
//美国新泽西州巴约内(40.6687141,-74.1143091000001)
添加标记({
拉脱维亚:40.7127837,
液化天然气:-74.0059413
}“红色”,“纽约太棒了!”;
添加标记({
拉脱维亚:40.735657,
液化天然气:-74.1723667
},“绿色”,“纽瓦克也很酷!”;
添加标记({
纬度:40.7281575,
液化天然气:-74.0776417
},“黄色”,“别忘了泽西城!”;
添加标记({
纬度:40.6687141,
液化天然气:-74.1143091
}“橙色”,“更不用说巴约恩了!”;
}
google.maps.event.addDomListener(窗口“加载”,初始化);
功能addMarker(位置、颜色、内容){
var infowindow=new google.maps.infowindow({
内容:内容
});
var marker=new google.maps.marker({
位置:位置,,
标签:标签[labelIndex++%labels.length],
图标:{
网址:'http://maps.google.com/mapfiles/ms/icons/“+color+”.png',
labelOrigin:新的google.maps.Point(15,10)
},
地图:地图
});
marker.addListener('click',function()){
信息窗口。打开(地图、标记);
});
标记器。推(标记器);
}

ah OK,那么我该如何将文本放入信息窗口?(每个标记都有不同的信息)我编辑了我的答案,以显示如何为每个标记的信息窗口设置文本。现在应该更清楚了。如果我的答案解决了你的问题,请把它标记为正确;)很好,很高兴听到:)