Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 防止Onload无限循环_Javascript_Jquery_Asp.net Mvc 3_Google Maps_Razor - Fatal编程技术网

Javascript 防止Onload无限循环

Javascript 防止Onload无限循环,javascript,jquery,asp.net-mvc-3,google-maps,razor,Javascript,Jquery,Asp.net Mvc 3,Google Maps,Razor,我有个问题。我如何防止这种无限循环,因为我是谷歌地图和Jquery的新手 我读了很多答案,但没有一个是有效的 这是我的密码: <script type="text/javascript"> var geocoder, infoBubble; var map; //var mgr; function initialize() { var minZoomLevel = 4; var zooms = 7; g

我有个问题。我如何防止这种无限循环,因为我是谷歌地图和Jquery的新手

我读了很多答案,但没有一个是有效的

这是我的密码:

<script type="text/javascript">
    var geocoder, infoBubble;
    var map;
    //var mgr;

    function initialize() {
        var minZoomLevel = 4;
        var zooms = 7;
        geocoder = new google.maps.Geocoder();

        map = new google.maps.Map(document.getElementById('map'), {
            zoom: minZoomLevel,
            center: new google.maps.LatLng(38.50, -90.50),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });

        // Bounds for North America
        var strictBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(15.70, -160.50),
     new google.maps.LatLng(68.85, -55.90)
   );

        // Listen for the dragend event
        google.maps.event.addListener(map, 'dragend', function () {
            if (strictBounds.contains(map.getCenter())) return;

            // We're out of bounds - Move the map back within the bounds

            var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = strictBounds.getNorthEast().lng(),
         maxY = strictBounds.getNorthEast().lat(),
         minX = strictBounds.getSouthWest().lng(),
         minY = strictBounds.getSouthWest().lat();

            if (x < minX) x = minX;
            if (x > maxX) x = maxX;
            if (y < minY) y = minY;
            if (y > maxY) y = maxY;

            map.setCenter(new google.maps.LatLng(y, x));
        });


        // Limit the zoom level
        google.maps.event.addListener(map, 'zoom_changed', function () {
            if (map.getZoom() < minZoomLevel) map.setZoom(minZoomLevel);
        });
        codeAddress();
    }

    var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
    function codeAddress() {
        infoBubble = new InfoBubble({
            map: map,
            shadowStyle: 0,
            padding: 10,
            borderRadius: 10,
            arrowSize: 15,
            maxWidth: 300,
            borderWidth: 1,
            borderColor: '#ccc',
            arrowPosition: 50,
            arrowStyle: 0
        });
        $.getJSON('/Dashboard/LoadWorkerList', function (address) {
            $.each(address, function () {
                var currVal = this["AddressLine1"];
                var Name = this["Name"];
                var Gender = this["Gender"];
                var Bdate = this["Birthdate"];
                var ID = this["Worker_ID"];
                geocoder.geocode({ 'address': currVal }, function (results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        var marker = new google.maps.Marker({
                            map: map,
                            icon: iconBase + 'man.png',
                            position: results[0].geometry.location,
                            title: currVal
                        })

                        var link = $('<a href="#">' + currVal + '</a>')
                         .data('location', results[0].geometry.location);
                        $('#places').append($('<li>').append(link));
                        link.on('click', function (event) {
                            event.preventDefault();
                            google.maps.event.trigger(address[0], "click");
                            infoBubble.removeTab(0);
                            infoBubble.addTab(Name, "Name: " + Name + "<br> Address: " + currVal + "<br> Gender: " + Gender + "<br> Birthdate: " + Bdate + "<br><br>" + '<center><a href="/Worker/WorkerDetails?workerId=' + ID + '">View Profile</a></center>');
                            infoBubble.open(map, marker);
                        }
);

                        google.maps.event.addListener(map, 'idle', function () {
                            $('#places li a').css('display', function () {
                                return (map.getBounds().contains($(this).data('location')))
                      ? ''
                      : 'none';
                            });
                        });



                        google.maps.event.addListener(marker, 'click', (function (marker, i) {
                            return function () {
                                infoBubble.removeTab(0);
                                infoBubble.addTab(Name, "Name: " + Name + "<br> Address: " + currVal + "<br> Gender: " + Gender + "<br> Birthdate: " + Bdate + "<br><br>" + '<center><a href="/Worker/WorkerDetails?workerId=' + ID + '">View Profile</a></center>');
                                infoBubble.open(map, marker);
                            }
                        })(marker, currVal));
                        address.push(marker);

                    }
                    else if (status == google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
                        setTimeout(codeAddress, 2000);
                    }
                    else {
                        alert("Geocode was not successful for the following reason: " + status);
                    }
                });
            });
            google.maps.event.trigger(map, 'bounds_changed');
        });
    }

    window.onload = function () {
        initialize();
    }

</script>
还有这个

` google.maps.event.addListener(map, 'zoom_changed', function () {
                if (map.getZoom() < minZoomLevel) map.setZoom(minZoomLevel);
            });
            codeAddress();    <------- This one`
`google.maps.event.addListener(映射,'zoom\u changed',函数(){
if(map.getZoom()代码地址() 调用initialize不是无限循环的原因,initialize将被调用1次

我认为无限循环的唯一原因是codeAddress:

 else if (status == google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
                    setTimeout(codeAddress, 2000);
                }
当这个条件为真时,您再次调用codeAddress(没有任何区别),您将一次又一次地得到相同的结果(延迟2秒)

您可以选择:

  • /Dashboard/LoadWorkerList
    最多返回10个地址
  • ommit在返回
    /Dashboard/LoadWorkerList
    之前请求中已返回的地址时
  • 或:


    每次调用
    geocoder.geocode
    (增加150ms)

    Dr.Molle是对的:json文件中有2个条目,我得到的结果没有任何问题。将其增加到12,我得到了超过查询限制的
    错误。先生。实际上,可能显示的标记数约为10000个地址。我怎么处理它,因为它使我的地图崩溃。。另一位先生。我该怎么回复装卸工名单先生我有个问题。为什么我的控制器已经被JsonResult访问,即使我只是在登录屏幕上??
    
     else if (status == google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
                        setTimeout(codeAddress, 2000);
                    }