标记弹出窗口显示在谷歌地图之外

Question

我正在尝试通过Geocodezip使此代码在地图一侧显示一个弹出窗口，另一个在未激活时被隐藏。

我试图添加一个如果..else语句到google.maps.event.addListener，但到目前为止不起作用。

如果..else 语句使所有弹出窗口隐藏，除非处于活动状态？

google.maps.event.addListener(marker, 'click', function(e) {
if ( popup.dialog('open') ) {
popup.show();
} else {
popup.hide();
}
});

Answer 1

将唯一 ID 传递给地图标记，使用该 ID 切换正确的弹出窗口

var popup = []
addMarkerWithWindow("first","This is Lemans", new google.maps.LatLng(48.006922, 0.20874), map);
addMarkerWithWindow("second","This is Paris", new google.maps.LatLng(48.856291, 2.352705), map);

function addMarkerWithWindow(id, name, coordinate, map) {
/*    var popup=$('<div/>', {
content: name
});
*/
var image = 'rss.png';
var marker = new google.maps.Marker({
map: map,
// icon: image,
position: coordinate
customId:id
});

//  jQuery 
popup[id]=$('<div/>', {
'id':'This is '+name,
'text':'Hello World!'
"class":'popp'
}).dialog({
'autoOpen':false,
'width': 600,
'height':600,
'resizable':false,
'modal':false,
'title':name
});
google.maps.event.addListener(marker, 'click', function(e) {
$('.popp').dialog('close');
popup[this.customId].dialog('open');
});
}