반응형
잡히지 않은 RangeError : 경계를 설정하려고 할 때 최대 호출 스택 크기가 Google지도를 초과했습니다.
나는 모든 포인트가 맞도록 자동 축소를 시도하는 작동하는 Google지도를 만들었습니다.
내가 추가했을 때 :
var bounds = new google.maps.LatLngBounds();
과
bounds.extend(point);
map.fitBounds(bounds);
그런 다음이 오류가 발생합니다.
Uncaught RangeError: Maximum call stack size exceeded
J.get
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
J.set
(anonymous function)
Ey.(anonymous function).zoomRange_changed
Zf
지도를 만드는 모든 코드는 다음과 같습니다.
function load() {
var map = new google.maps.Map(document.getElementById("map"), {
center: new google.maps.LatLng(47.6145, -122.3418),
zoom: 13,
mapTypeId: 'roadmap'
});
var infoWindow = new google.maps.InfoWindow;
// Change this depending on the name of your PHP file
downloadUrl("getMapMarkers.php", function(data) {
var bounds = new google.maps.LatLngBounds();
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var type = markers[i].getAttribute("type");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var html = "<b>" + name + "</b> <br/>" ;
var icon = customIcons[type] || {};
var marker = new google.maps.Marker({
map: map,
position: point,
icon: icon.icon,
shadow: icon.shadow
});
bindInfoWindow(marker, map, infoWindow, html);
bounds.extend(point);
map.fitBounds(bounds);
}
});
}
방금 동일한 예외가 발생했는데 "new google.maps.LatLng"에 전달 된 경도가 정의되지 않은 것으로 나타났습니다.
가능한 시나리오
- 어느
map.fitBounds(bounds);
위도 / 경도 또는 둘 모두를 수신하지 않습니다. - 수신 된 위도 / 경도 값이 올바른 형식 (NaN)이 아닙니다.
나는 구글 맵 플러그인을 사용했다 : http://code.google.com/p/jquery-ui-map/ 나는 같은 문제가있는 나 자신을 발견했고 Ollie 포인트로서, 나는 내 json 형식이 잘못되었다. 이것은 내 json
mapObj=
[
{
"latitude": 57.797333,
"longitude": 12.050211,
"title": "Angered",
"content": "Representing :)"
},
{
"latitude": 57.696995,
"longitude": "11.9865",
"title": "Gothenburg",
"content": "Swedens second largest city"
}
]
그 경도가 문자열로 쓰여졌 기 때문에 그 오류가 발생했습니다.
SOLVED: Having all coordinates as numbers.!
To add the map (assuming local json, if not refer to reference link):
$('#map_canvas').gmap().bind('init', function() {
$.each( mapObj, function(i, marker) {
$('#map_canvas').gmap('addMarker', {
'position': new google.maps.LatLng(marker.latitude, marker.longitude),
'bounds': true
}).click(function() {
$('#map_canvas').gmap('openInfoWindow', { 'content': marker.content }, this);
});
});
});
Setting map center to a not supported lat/long also produces this error.
This error also seems to be raised when you set NaN
as the value of zoom
.
map.setZoom(null) // => nothing happens
map.setZoom(undefined) // => nothing happens
map.setZoom(NaN) // => error!
반응형
'Development Tip' 카테고리의 다른 글
문자열에서 N 번째 문자 찾기 (0) | 2020.10.23 |
---|---|
Mercurial (hg)의 저장소에있는 모든 파일을 나열하는 방법은 무엇입니까? (0) | 2020.10.23 |
Elasticsearch 노드를 중지 / 종료하는 방법은 무엇입니까? (0) | 2020.10.23 |
arm64와 armhf의 차이점은 무엇입니까? (0) | 2020.10.23 |
grep에서 별표 기호 사용 (0) | 2020.10.23 |