Javascript中的多标记InfoWindows

Question

var Rafael=new google.maps.latlng(52.341949,6.682236）；var Aandagt=new google.maps.latlng(52.341949,6.782236）；

var myOptions = {
    zoom: 10,
    center: new google.maps.LatLng(52.341949,6.682236),
    streetViewControl: false,
    zoomControl: false,
    panControl: false,
    scaleControl: false,
    overviewMapControl: false,
    mapTypeControl: false,
    mapTypeId: google.maps.MapTypeId.TERRAIN
};

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var marker = new google.maps.Marker({
    position: Rafael,
    map: map,
    title:"Rafael"
}); 

var marker = new google.maps.Marker({
    position: Aandagt,
    map: map,
    title:"Aandagt"
}); 

var infowindow = new google.maps.InfoWindow({
    content: '<h9><a href="http://www.aandagt.nl">AANDAGT Reclame & Marketing</a></h9><h10><br /><br />Einsteinstraat 8b<br />7601 PR Almelo<br /><br />Telefoon (0546) 85 03 69<br />Fax [phone]<br /><br /><a href="mailto:[e-mail]">[e-mail]</a></h10>'
})


google.maps.event.addListener(marker, 'mouseover', function() {
  infowindow.open(map,marker);
});

google.maps.event.addListener(marker, 'click', function() {
  infowindow.close(map,marker);
});

任何帮助或建议如何添加和附加2个信息，一个为标记'Rafael'和一个为标记'Aandagt'将非常感谢。

查看当前地图:http://www.imrafaelhi.nl/stageverslag/?page_id=266

Answer 1

您已经创建了两个具有不同位置值的标记，并为名为Rafael的标记创建了一个mouseover侦听器。

我建议您将标记声明为:marker1和marker2。

然后为与每个标记关联的每个infowindow创建2个contentstrings var:content1、content2

google.maps.event.addListener(marker, 'mouseover', function() {
infowindow.open(map, this);
});

// assuming you also want to hide the infowindow when user mouses-out
google.maps.event.addListener(marker, 'mouseout', function() {
infowindow.close();
});