使用谷歌地圖的地圖上的多個信息窗口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);