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

标记上的内容窗口

1 个答案: