Несколько указателей маркераWindows в Javascript

Question

Я совершенно нуб, когда дело доходит до Javascript, но я пытаюсь что-то сделать для своего проекта на сайте/в школе.

На карте Я хочу отобразить 2 местоположения, с каждым маркером и информационным окном. 1 показывает мое местоположение + контактные данные, второй маркер должен отображать другие данные для компании.

Мне удалось получить 2 маркера на карте для отображения в том месте, где я хочу, но следующая проблема заключается в том, что каждый маркер является собственным InfoWindow.

var Rafael = new google.maps.LatLng (52.341949,6.682236); var Aandagt = новый 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 (0546) 45 53 31<br /><br /><a href="mailto:info@aandagt.nl">info@aandagt.nl</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 InfoWindows, 1 для маркеров «Рафаэль» и 1 для маркеров «Aandagt» была бы оценен.

Чтобы просмотреть мою текущую карту: http://www.imrafaelhi.nl/stageverslag/?page_id=266

Answer 1

Вы создали 2 маркеров с различными значениями положения и в наведении курсора мыши слушателем для маркеров имени Рафаэль.

Предлагаю вам указать маркеры как: marker1 и marker2.

Затем создайте 2 contentstrings вары для каждого InfoWindow, связанного с каждым маркером: Content1, Content2

Добавить слушатель() для курсора, находящихся каждых маркеров, чтобы показать строку содержимого. Добавьте слушателя (mouseout), чтобы закрыть окно, связанное с маркером.

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(); 
}); 

Answer 2

вы можете дать идентификатор каждый marker..and может получить доступ к этим маркерам с их идентификаторами:

var marker = new google.maps.Marker({ 
    position:mycenter, 
    title:infoName, 
    id: count++ 
    // animation:google.maps.Animation.BOUNCE 
    }); 

if(marker.id == count) //get access to marker id value.. 
{ 
    //do what you want.. 
}