Google map (v3) infowindow opening on the same marker all the time

I create several Gmarkers (from JSON data loaded by JQuery "load" function), on all of them I add an event listener to open the infowindow object I created before on the marker, and then I add them all to the map.

The issue is that the infowindow always opens on the same marker. I all had this working before, i can't see where the problem is... scope of the variable ? stupid mistake somewhere ?

I uploaded an example, and here is a shortcut to the javascript file

The code :

    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() {


            for (var j = markers.length - 1; j >= 0; j--){





Need Your Help

Convert existing project to library project in Android Studio

android android-studio android-library

How can I convert an existing Android project into an Android library project in Android Studio? In Eclipse, that is possible.

Why do we have postfix increment?

c++ c postfix

Disclaimer: I know perfectly well the semantics of prefix and postfix increment. So please don't explain to me how they work.