谷歌地图信息窗口不显示

Question

我的应用程序中有谷歌地图。一切正常，除了一个问题。我的别针显示为一个气泡（技术人员的姓名），它正在工作。但是，如果我单击此技术人员（图钉），它应该会打开一个信息窗口，其中显示有关技术人员的更多信息，例如呼叫数量、与客户的距离等……（正在提取数据），我唯一遇到的问题'我面临的是，当我点击 pin/technician 时，信息窗口根本没有显示......我已经浏览了代码，但似乎找不到我哪里出错了......

这是我的 javascript 代码：

    <script type="text/javascript">

    $(document).ready(function () {

        var marker = $("#<%= txtTechnicians.ClientID %>").val();
        var markers = JSON.parse(marker);

        var markerCustomer = $("#<%= txtCustomer.ClientID %>").val();
        var markerCust = JSON.parse(markerCustomer);

        function initialize() {

            var map = new google.maps.Map(document.getElementById("dvMap"), {
                center: new google.maps.LatLng(markerCust[0].lat, markerCust[0].lng),
                zoom: 10,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: true,
                mapTypeControlOptions:
                   {
                       style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
                       poistion: google.maps.ControlPosition.TOP_RIGHT,
                       mapTypeIds: [google.maps.MapTypeId.ROADMAP,
                         google.maps.MapTypeId.TERRAIN,
                         google.maps.MapTypeId.HYBRID,
                         google.maps.MapTypeId.SATELLITE]
                   },
                streetViewControl: true,
                navigationControl: true,
                navigationControlOptions:
                {
                    style: google.maps.NavigationControlStyle.ZOOM_PAN
                },
                scaleControl: true,
                draggableCursor: 'move'
            });

            var trafficLayer = new google.maps.TrafficLayer();
            trafficLayer.setMap(map);

            var poly = new google.maps.Polyline({ map: map, strokeColor: '#FF8200' });
            poly.setMap(map);

            var lat_lngCust = new Array();
            for (i = 0; i < markerCust.length; i++) {
                var data = markerCust[i]
                var myLatlngCust = new google.maps.LatLng(data.lat, data.lng); lat_lngCust.push(myLatlngCust);
                var markerCustomer = new StyledMarker({
                    styleIcon: new StyledIcon(StyledIconTypes.BUBBLE, { color: "#D20202", text: data.title }),
                    position: myLatlngCust, map: map, title: data.title
                });

                (function (markerCustomer, data) {
                    google.maps.event.addListener(markerCustomer, "click", function (e) {
                        infoWindow.setContent(data.description);
                        infoWindow.open(map, markerCustomer);
                    });
                })(markerCustomer, data);
            }

            var lat_lng = new Array();
            for (i = 0; i < markers.length; i++) {
                var data = markers[i]
                var myLatlng = new google.maps.LatLng(data.lat, data.lng); lat_lng.push(myLatlng);
                var marker = new StyledMarker({
                styleIcon: new StyledIcon(StyledIconTypes.BUBBLE, { color: data.colourcode, text: data.title }),
                    position: myLatlng, map: map, title: data.title
                });

                (function (marker, data) {
                    google.maps.event.addListener(marker, "click", function (e) {
                        infoWindow.setContent(data.description);
                        infoWindow.open(map, marker);
                    });
                })(marker, data);
            }
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    });
</script>

Answer 1

根据您附加的代码，infoWindow 未在任何地方定义。

我认为您只是缺少这一行； var infoWindow = new google.maps.InfoWindow();

见下文：

(function (marker, data) {
    google.maps.event.addListener(marker, "click", function (e) {
        infoWindow.setContent(data.description); // @SEE: infoWindow is used but not initialized or declare anywhere within the scope.
        infoWindow.open(map, marker); // same
    });
})(marker, data);