Question

我有一个循环浏览的JSON对象列表，然后（使用找到的{jQuery Gmap插件here）为该对象创建标记并将其添加到地图中。

问题是在每个浏览器中我都收到了callstack溢出消息：

未捕获的RangeError：最大调用堆栈大小

Chrome中的

和

太多的递归

在Firefox中

。

我不知道为什么或如何解决它。

这是我的代码：

$('#map_canvas').gmap().bind('init', function (evt, map) {
        var webMethod = '<%= NavigationHelper.GetFullUrl("Components/Services/storelocatorservice.asmx/GetStoresByAddress") %>';
        var webParam = '{ "address": "Vaartkom 31/9 3000 Leuven", "language": "<%= Sitecore.Context.Language.CultureInfo.TwoLetterISOLanguageName %>", "radius": "15" }';

        $.ajax({
            type: "POST",
            url: webMethod,
            data: webParam,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                //$('#map_canvas').gmap('set', 'MarkerClusterer', new MarkerClusterer(map));
                addMarkers($.parseJSON(msg.d));
            }
        });
});

function addMarkers(json) {
        $.each(json, function (i, m) {
            $('#map_canvas').gmap('addMarker', {
                'title': m.Name,
                'position': new google.maps.LatLng(m.Lat, m.Long),
                'name': m.Name,
                'zipcode': m.ZipCode,
                'id': m.LocationId,
                'bounds': true
            }).click(function () {
                $('#map_canvas').gmap('openInfoWindow', {
                    'content': '<h3>' + m.Name + '</h3><p>' + m.ZipCode + '</p><a onclick="getDirections(\'' + m.Id + '\')">Route</a>'
                }, this);
            });
        });
}

非常感谢任何帮助！

Answer 1

我找到了一个修复程序，而不是它修复了错误本身只会阻止它发生：我必须设置边界：添加标记时为false，然后它不会溢出callstack。

JSON .each上的callstack溢出

1 个答案: