0

これは、mysql からデータを取得し、マップ上にマーカーを表示する私のコードです。しかし、マーカーをクリックしたときに情報ウィンドウを表示できません。助けてくれてありがとう。

情報ウィンドウへの参照は、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はグローバル スコープで定義されていますが、関数closeInfosは$.ready-callback 内でローカルに定義されています。
そのため、マーカー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 に答える