我需要在infowindow中创建一个表来显示第一个信息,第二个信息显示一个照片库,如何在事件中展开表2中的照片(鼠标悬停时)
这是我的代码
var marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(-8.759264,-63.906463),
icon: predio
});
var contentimage =
'<div style="width:470px;height:220px;margin:auto;float:left;" /div>' +
'<div>' +
'<img src="images/Sem título-2.png" width="440" height="190" />' +
'<a href="http://www.google.com.br" target="_blank">www.seusite.com.br/galeriadefotos</a>' +
'</div>';
var infowindow = new google.maps.InfoWindow({content: contentimage});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
答案 0 :(得分:0)
infoWindow的内容与任何其他节点一样是DOM节点,例如:
var content = '<table><tr><td>1.1</td><td>1.2</td></tr><tr><td>2.1</td><td>2.2</td></tr></table>';
infoWindow.setContent(content);
infoWindow.open(map,marker);