javascript 未捕获范围错误:使用google maps时超出最大调用堆栈大小

mwngjboj  于 2022-12-28  发布在  Java
关注(0)|答案(1)|浏览(179)

我试图用谷歌Map和标记写一个简单的例子,但我面临着错误:

Uncaught RangeError: Maximum call stack size exceeded

约旦:

$(document).ready(function() {
    var map;
    var elevator;
    var myOptions = {
        zoom: 1,
        center: new google.maps.LatLng(0, 0),
        mapTypeId: 'terrain'
    };
    map = new google.maps.Map($('#map_canvas')[0], myOptions);

    var markers = [];
    coords = [{
        lat: 55,
        lng: 37
    }];
    for (var x = 0; x < coords.length; x++) {
        var latlng = new google.maps.LatLng(x.lat, x.lng);
        var marker = new google.maps.Marker({
            position: latlng,
            map: map
        });
        markers.push(marker);

    }

    fitBounds();

    function fitBounds() {
        var bounds = calculateBounds();
        if (bounds != undefined) {
            map.fitBounds(bounds);
        }
    }

    function calculateBounds() {
        var allMarkers = markers;
        if (allMarkers.length > 0) {
            var bounds = new google.maps.LatLngBounds();
            for (i = 0; i < allMarkers.length; i++) {
                bounds.extend(allMarkers[i].getPosition());
            }
        }
        return bounds;
    }

});

fiddle

y53ybaqx

y53ybaqx1#

调用fitBounds时出现错误Uncaught RangeError: Maximum call stack size exceeded通常意味着您使用无效的google.maps.LatLng对象调用了bounds.extend
这是不正确的(x.lat和x. lng未定义):

for (var x = 0; x < coords.length; x++) {
    var latlng = new google.maps.LatLng(x.lat, x.lng);
    var marker = new google.maps.Marker({
        position: latlng,
        map: map
    });
    markers.push(marker);
}

它与lat产生latlng:不适用,液化天然气:不适用
这是不合理的。
应为:

for (var x = 0; x < coords.length; x++) {
    var latlng = new google.maps.LatLng(coords[x].lat, coords[x].lng);
    var marker = new google.maps.Marker({
        position: latlng,
        map: map
    });
    markers.push(marker);
}

updated fiddle

    • 代码片段:**

一个一个二个一个一个一个三个一个一个一个一个一个四个一个

相关问题