javascript - いつも同じマーカーで開いているGoogleマップ（v3）情報ウィンドウ

Question

（JQueryの「load」関数によってロードされたJSONデータから）いくつかのGmarkerを作成し、それらすべてにイベントリスナーを追加して、マーカー上で以前に作成したinfowindowオブジェクトを開き、それらすべてをマップに追加します。

問題は、情報ウィンドウが常に同じマーカーで開くことです。私は以前にこれをすべて機能させていましたが、問題がどこにあるのかわかりません...変数のスコープ？どこかで愚かな間違い？

例をアップロードしました。これがjavascriptファイルへのショートカットです。

コード ：

    var map;
    var infowindow;
    $(document).ready(function() {

        var myLatlng = new google.maps.LatLng(47.15984,2.329102);
      var myOptions = {
        zoom: 6,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.HYBRID,
        scrollwheel: false
      }

      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

      infowindow = new google.maps.InfoWindow({content:'<p>Test</p>'});

        $.getJSON("data.json", function(data) {

            var markers = [];
            for (var i = data.length - 1; i >= 0; i--){
                var latLng = new google.maps.LatLng(data[i].lat, data[i].lng);
              var marker = new google.maps.Marker({position: latLng});

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

              markers.push(marker);
            };

            for (var j = markers.length - 1; j >= 0; j--){
                markers[j].setMap(map);
            };

        });
    });

Answer 1

変化する

infowindow.open(map,marker);

に

infowindow.open(map,this);