Voor een site maak ik gebruik van Google Maps.
In het script roep ik met de volgende code een infobox op:

PHP Code:

google.maps.event.addListener(companyMarker, 'click', function() {
infowindow.open(map,companyMarker); 


Zie hier het volledige script:

PHP Code:

function initialize() {
var latlng = new google.maps.LatLng(57.0442, 9.9116);
var settings = {
zoom: 15,
center: latlng,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading" class="firstHeading">Hotel "The Highway"</h1>'+
'<div id="bodyContent">'+
'<p>Kerkstraat 100, Amsterdam<br><b>Prices from: EUR 39,-</b><br><a href="hotel">More information about this hotel</a></p>'+
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
 
var companyImage = new google.maps.MarkerImage('img/marker.png',
new google.maps.Size(50,50),
new google.maps.Point(0,0),
new google.maps.Point(50,50)
);
var companyShadow = new google.maps.MarkerImage('img/marker_shadow.png',
new google.maps.Size(70,50),
new google.maps.Point(0,0),
new google.maps.Point(60, 50));
var companyPos = new google.maps.LatLng(57.0442, 9.9116);
var companyMarker = new google.maps.Marker({
position: companyPos,
map: map,
icon: companyImage,
shadow: companyShadow,
title:"Accommodation",
zIndex: 3});
 
var trainImage = new google.maps.MarkerImage('img/train.png',
new google.maps.Size(50,50),
new google.maps.Point(0,0),
new google.maps.Point(50,50)
);
var trainShadow = new google.maps.MarkerImage('img/train_shadow.png',
new google.maps.Size(70,50),
new google.maps.Point(0,0),
new google.maps.Point(60, 50)
);
var trainPos = new google.maps.LatLng(57.0429, 9.9173);
var trainMarker = new google.maps.Marker({
position: trainPos,
map: map,
icon: trainImage,
shadow: trainShadow,
title:"Train Station",
zIndex: 2
});
 
google.maps.event.addListener(companyMarker, 'click', function() {
infowindow.open(map,companyMarker);
});
} 


Nu is de vraag: Hoe kan ik naast de infobox voor "companyMarker" ook een infobox voor "trainMarker" openen?

Ik heb dit geprobeerd, maar dan gebeurt er niets:

PHP Code:

google.maps.event.addListener(companyMarker,trainMarker, 'click', function() {
infowindow.open(map,companyMarker,trainMarker); 


Iemand een idee?

Ik heb geen ervaring met Maps, maar als de code werkt zoals de meeste andere programmeertalen, moet je 2 listeners toevoegen: 1 voor de companyMarker en 1 voor de trainMarker.

De addlistener-functie maakt normaal gezien een nieuwe listener aan in de listener-collectie.

Dat wordt het iets in de trend van:
google.maps.event.addListener(companyMarker, 'click', function() {
infowindow.open(map,companyMarker);
});
}

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

Werkt perfect, bedankt.