带有信息窗口的多个标记答案

【问题标题】：multiple markers with infowindows带有信息窗口的多个标记
【发布时间】：2016-07-26 23:52:00
【问题描述】：

我想添加多个通过单击激活的标记和信息窗口。单击为所有标记打开的相同信息窗口后，我无法显示标记的相关信息窗口。

信息来自一个for循环这是代码

 function GetMarkerSuccess(results) {
        results = $.parseJSON(results.d);
        markers = [];
        infowindows = [];

        for (var i = 0; i < results.length; i++) {
            var myLatLng = { lat: results[i].Latitude, lng: results[i].Longitude };

            var marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                icon:'images/car.png'
            });
            var infowindow = new google.maps.InfoWindow({
            content: "<div style='text-align:right'><h3>" + results[i].Date.substring(0, 10) + "</h3><p> התחלה: " + results[i].Starttime + " סיום: " + results[i].Endtime + "</p><p> &#8362  מחיר:" + results[i].Price + "</p></div>"
            });
            markers.push(marker);
            infowindows.push(infowindow);
            listenMarker(marker);
            function listenMarker(marker) {

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

        }
    }

【问题讨论】：

Google Maps API Multiple Markers with Infowindows的可能重复
你必须让它们独一无二

标签： javascript google-maps

【解决方案1】：

     function GetMarkerSuccess(results) {
            results = $.parseJSON(results.d);
            markers = [];
            infowindows = [];

            for (var i = 0; i < results.length; i++) {
                var myLatLng = { lat: results[i].Latitude, lng: results[i].Longitude };

                var marker = new google.maps.Marker({
                    position: myLatLng,
                    map: map,
                    icon:'images/car.png'
                });
                var infowindow = new google.maps.InfoWindow({
                content: "<div style='text-align:right'><h3>" + results[i].Date.substring(0, 10) + "</h3><p> התחלה: " + results[i].Starttime + " סיום: " + results[i].Endtime + "</p><p> &#8362  מחיר:" + results[i].Price + "</p></div>"
                });
                markers.push(marker);
                infowindows.push(infowindow);
                listenMarker(marker);
                function listenMarker(marker) {
               google.maps.event.addListener(marker,'click',     (function(marker,content,infowindow){ 
                    return function() {
                    infowindow.setContent(content);
                    infowindow.open(map,marker);
                };
                })(marker,content,infowindow));
                }
            }
        }

【讨论】：