0

当我刚刚开始了解 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>

这是查看我的地图的链接。 地图示例 非常感谢您的任何建议。斯蒂芬。:-)

4

1 回答 1

0

每个信息窗口都可以相应地链接到特定的标记、名称标记和信息窗口。
例如：

var marker= ....
var infowindow=...
infowindow.open(map,marker);
var marker2= ....
var infowindow2=...
infowindow2.open(map,marker2);
于 2013-09-22T02:19:54.057 回答