0

这是我的代码，它将从 mysql 中提取数据并在地图上显示标记。但是当我单击标记时，我无法显示信息窗口。感谢您的帮助。

对 infowindows 的引用位于页面的最底部，靠近 ajax 引用之后的代码末尾。

谢谢

        if (markersArray) {
        for (i in markersArray) {
        markersArray[i].setMap(null);
        }
        markersArray.length = 0;
       }


function LoadMarkers(encodedString)
{
        var bounds = new google.maps.LatLngBounds();
        var stringArray = [];
        stringArray = encodedString.split("****");

        var x;
        for (x = 0; x < stringArray.length; x = x + 1)
        {
            var addressDetails = [];
            var marker;
            addressDetails = stringArray[x].split("&&&");
            var lat = new google.maps.LatLng(addressDetails[1], addressDetails[2]);
            var image = new google.maps.MarkerImage(addressDetails[3]);

            var marker = new google.maps.Marker({
                map: map,
                icon: image,
                position: lat,
                content: addressDetails[0]
            });

            markersArray.push(marker);
            google.maps.event.addListener( marker, 'click', function () {
            closeInfos();
            var info = new google.maps.InfoWindow({content: this.content});
            info.open(map,this);
            infos[0]=info;
            });

           bounds.extend(lat);

            if (markersArray) {
            for (i in markersArray) {
            markersArray[i].setMap(map);
                }
             }

        }
        map.fitBounds(bounds);
    }

        var geocoder;
        var map;
        var markersArray = [];
        var infos = [];


        geocoder = new google.maps.Geocoder();
        var myOptions = {



              mapTypeId: google.maps.MapTypeId.ROADMAP
            }
          var map = null;//new google.maps.Map(document.getElementById("map_canvas"), myOptions);

       jQuery(document).ready( function($){




        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


        LoadMarkers(document.getElementById("encodedString").value); 
                setInterval(function () {
                    jQuery.ajax({
                        url:'ajaxload.php',
                        type: "POST",
                        data: {'refreshed':true},
                        success: function(data)
                            {

                                LoadMarkers(data);
                            }
                    });

        }, 10000);

        //Manages the info windows
          function closeInfos(){
          if(infos.length > 0){
          infos[0].set("marker",null);
          infos[0].close();
          infos.length = 0;
       }
        }

       });
4

1 回答 1

0

该函数LoadMarkers是在全局范围内定义的，但该函数是在-callback 中closeInfos本地定义的。 因此，标记的 -handler内部的调用失败并停止 -handler 的进一步执行。 $.ready
closeInfos()clickclick

您必须使closeInfos全局可访问：

window.closeInfos=function(){
          if(infos.length > 0){
          infos[0].set("marker",null);
          infos[0].close();
          infos.length = 0;
       }
}
于 2013-09-20T23:48:53.353 回答