setMap, panMap 시 지도가 뜨지 않습니다

지도/로컬 API
1

먼저 x, y 콘솔을 확인해보면 각각 유효한 위경도 임을 확인하였습니다.
coord x 126.936028
coord y 37.497628

그 다음

const newCenter = new kakao.maps.LatLng(coordinates.x, coordinates.y);

을 통해서 새로운 중심 객체를 만들었구요.

실제 newCenter가 잘 만들어졌는지 확인을 위해서 아래와 같이 확인했고, 위경도 값이 잘 설정된 것을 볼 수 있습니다.

console.log('new lat: ', newCenter.getLat(), 'new long: ', newCenter.getLng()); // new lat:  126.936028 new long:  37.497628

이후

map.setCenter(newCenter);

혹은

map.panTo(newCenter);

을 실행하는 경우 지도가 뜨지 않습니다. (하얀색 배경)

setCenter 이후

const newMapCenter = map.getCenter();
console.log('map get center', newMapCenter.getLat(), newMapCenter.getLng());

를 확인해보면 이상한 값으로 찍히는 것을 확인했습니다.
new Lat: -241579127804.61264
new Long: 1344178450602.4104

아마도 이것이 지도가 뜨지 않는 원인으로 보이는데요.
혹시 어떤 부분에서 문제가 발생했을지 도움을 받고 싶습니다.

감사합니다!

2

스스로 실수를 발견하고 고쳐서 공유합니다.

웹뷰 맵 중심 이동 시 흰 화면으로 표시됩니다 - lea.ju 님의 게시물 #4 원글에서의 마지막 댓글 부분과 같은 실수를 하고 있었습니다.
위경도 값을 제가 서버에서 반대로 내려주고 있었고, x, y 를 반대로 넣어주어 생긴 문제였습니다.
x, y 를 swap 해서 넣어주니 잘 동작합니다.

감사합니다.

1개의 좋아요