使用谷歌地图的地图上的多个信息窗口API

Question

正如我刚开始了解API v3的工作方式，我有一个问题，为我的信息窗口设置不同的内容。我也不是程序员！我想把几个标记（没问题）与不同的内容。问题是我只有一个信息窗口工作，而不是第二个。如何将内容归因于特定的标记。无法找到谷歌地图文档中的方式。 下面的代码：

<script type="text/javascript"> 
    google.maps.visualRefresh = true; 
    function initialize() { 
    var mapOptions = { 
     center: new google.maps.LatLng(41.648288,8.173828), 
     zoom: 6, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map-canvas"), 
     mapOptions); 

var contentString = '<iframe src="http://www.360-  ----- vision.fr/panos/communes_ot_patrimoine/Sanary/" height="300px" width="500px"></iframe>'+ 
'<div id="content">'+ 
'<div id="siteNotice">'+ 
'</div>'+ 
'<h2 id="firstHeading" class="firstHeading">Eglise Sanary</h2>'+ 
'</div>'; 

var infowindow = new google.maps.InfoWindow({ 
content: contentString 
}); 
var image = 'images/marqueur-360.png'; 
var marker = new google.maps.Marker({ 
position: new google.maps.LatLng(43.115145,5.789623), 
map: map, 
icon: image, 
title:"Eglise de Sanary" 
}); 

var contentString1 = '<iframe src="http://www.360- vision.fr/panos/communes_ot_patrimoine/castelsardo/" height="300px" width="500px"> </iframe>'+ 
'<div id="content">'+ 
'<div id="siteNotice">'+ 
'</div>'+ 
'<h2 id="firstHeading" class="firstHeading">Castelsardo</h2>'+ 
'</div>'; 

var infowindow = new google.maps.InfoWindow({ 
content: contentString1 
}); 
var image = 'images/marqueur-360.png'; 
var marker = new google.maps.Marker({ 
position: new google.maps.LatLng(41.042074,8.739624), 
map: map, 
icon: image, 
title:"Castelsardo" 
}); 
google.maps.event.addListener(marker, 'click', function() { 
infowindow.open(map,marker); 
}); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 

下面的链接查看我的地图。 map example 非常感谢您的任何建议。 Steph。 :-)

Answer 1

每个infowindow都可以相应地链接到特定的标记，名称标记和infowindow。
例如：

var marker= .... 
var infowindow=... 
infowindow.open(map,marker); 
var marker2= .... 
var infowindow2=... 
infowindow2.open(map,marker2);