简体   繁体   English

带有信息窗口的多个标记

[英]multiple markers with infowindows

I want to add multiple markers and infowindows that activated with a click. 我想添加多个通过单击激活的标记和信息窗口。 I am having trouble to present the relevant infowindow of the marker, after a click the same infowindow open for all markers. 单击所有标记的相同信息窗口后,我无法显示标记的相关信息窗口。

The information comes from a for loop this is the code 该信息来自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);
                });
            }

        }
    }
     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));
                }
            }
        }

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM