加载有关值更改的新信息窗口

Question

我能够根据响应创建 4 个信息窗口，现在的任务是在单击信息窗口中的按钮并关闭它时更改信息窗口中的值。该值成功更改，但当再次打开信息窗口时，将加载信息窗口的早期实例，而不是新实例。

我在 $.each 循环中创建标记和信息窗口，而调试 iv 认为每当单击标记时，它都会转到这个 $.each 循环，其中连接了侦听器并具有旧值。问题是在单击时打开一个新的信息窗口实例，而不是在每个循环中加载它。

$.each(obj,function(i,value){
var eventmarker = new google.maps.Marker;
eventmarker.setPosition(new google.maps.LatLng(parseFloat(value.Latitude),parseFloat(value.Longitude)));
eventmarker.setMap(mymapper);
listener =  eventmarker.addListener("click",function(){
infoWindow = new google.maps.InfoWindow;
var content = value;
infoWindow.setContent(content);
infoWindow.open(mymapper,eventmarker);
});

Answer 1

尝试像这样在每个循环之外创建infoWindow，并将用于创建标记的代码放在闭包中。 我为你做了工作小提琴： http://jsfiddle.net/6973rbL8/

function initialize() {
var myOptions = {
center: new google.maps.LatLng(16,15),
zoom: 4,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var myMapper = new google.maps.Map(document.getElementById("default"),
myOptions);
var infowindow = new google.maps.InfoWindow();
var obj=[{Latitude:16,Longitude:15},{Latitude:16,Longitude:14},
{Latitude:16,Longitude:1}]
$.each(obj,function(i,value){
var eventmarker = new google.maps.Marker;
eventmarker.setPosition(new  
google.maps.LatLng(parseFloat(value.Latitude),parseFloat(value.Longitude)));
eventmarker.setMap(mymapper);
});

}

Answer 2

感谢您的努力，弗拉多真的很感激。
通过将 infowindow 的代码放在一个新函数中并在 $.each 循环中调用该函数，我能够获得所需的结果。该函数采用三个参数值(内容(，标记和映射。在 func 中，在每次调用时创建内容可确保将新内容设置为我在 EACH 循环外部全局声明的信息窗口。因此，每次单击按钮时，我都只是更新响应全局变量中的值，并在函数中使用此新值来更新信息窗口。