标记上的内容窗口

Question

我尝试使用此代码在谷歌地图上绘制数据，并成功绘制它当前有 2 个标记，当我点击标记然后内容窗口打开但第二个标记内容窗口未打开

这是控制台上的结果

{"response":[["B9","5",27.13197”,”34.95 "],["L330","5",”27.06688”,”34.864"]}"

图片

image

当我点击第二个标记时，内容窗口没有打开

这是我的代码：

success: function (result) {


                    var d = JSON.parse(result.d).response;

                    console.log(JSON.parse(result.d).response);

                    console.log(JSON.stringify(result.d));

                    $("#tabledata").empty();
                    if (d.length > 0) {
                        $("#tabledata").append(
      "<thead><tr><th>RegNo</th><th>Status</th><th>Longitude</th><th>Latitude</th></tr></thead>");

                        for (var i = 0; i < d.length - 1; i++) {
                            if (d[i] !== null) {
                                $("#tabledata").append("<tbody><tr><td>" +
                           d[i][0] + "</td> <td>" +
                           d[i][1] + "</td> <td>" +
                           d[i][2] + "</td> <td>" +
                           d[i][3] + "</td></tr></tbody>");
                                Status = d[i][2];
                                debugger;
                                RegNo = d[i][0];
                                latit = d[i][4];
                                longi = d[i][3];
                            }
                        }
                    }
                    else {
                        $("#tabledata").hide();
                    }

                    alert(d.length);
                    var map;
                    //var markers;
                    debugger;
                    var latlng = new google.maps.LatLng(24.0895898, 67.0998546);
                    debugger;
                    var myOptions = {
                        zoom: 8,
                        center: latlng,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
                    debugger;
                    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

                    debugger;

                    debugger;
                    for (i = 0; i < d.length - 1; i++) {
                        var data = d[i]
                        var myLatlng = new google.maps.LatLng(d[i][4], d[i][3]);
                        var marker = new google.maps.Marker({
                            position: myLatlng,
                            map: map,
                            title: 'Click me'

                        });
                    }
                        debugger;
                        for (i = 0; i < d.length - 1; i++){
                            var infowindow = new google.maps.InfoWindow({
                                content: 'RegNo:' + d[i][0] + '<br>Status:' + d[i][2] + '<br>Lat:' + d[i][4] + 'Long:' + d[i][3]
                            });
                        }
                            debugger;
                            google.maps.event.addListener(marker, 'click', function () {
                                infowindow.open(map, marker, data);
                            });
                        }

Answer 1

你的问题是这里的这一行：

infowindow.open(marker, data, map);

InfoWindow open 函数接受 1 或 2 个参数，应该是这样的：

infowindow.open(map, marker);