웹뷰 맵 중심 이동 시 흰 화면으로 표시됩니다

지도/로컬 API
1

jsp를 이용해서 웹뷰를 표시하고 있는데요! 처음 제주도에 있는 카카오맵 좌표는 잘 표시되는데

	var container = document.getElementById('map');
	var options = {
		center : new kakao.maps.LatLng(33.450701, 126.570667),
		level : 3
	};

	var map = new kakao.maps.Map(container, options);

여기에 있는 center의 좌표만 변경하더라도 흰 화면으로 나옵니다ㅠㅠ

혹시 몰라서 웹뷰를 로딩할 때 중심점을 변경하는 것이 아닌 카카오 본사 주소를 먼저 로딩 후 좌표를 이동하는 식으로도 해봤는데 흰 화면으로 나옵니다.

또한 카카오 본사 지도는 잘 나올 때 서울권 지역으로 직접 줌을 통하여 이동하면 로딩은 잘 되어 있습니다.

무슨 문제일까요?
var container = document.getElementById(‘map’);
var options = {
center : new kakao.maps.LatLng(33.450701, 126.570667),
level : 3
};

	var map = new kakao.maps.Map(container, options);

	// 컨트롤 바를 지도 위에 표시합니다.
	var mapTypeControl = new kakao.maps.MapTypeControl();
	map.addControl(mapTypeControl, kakao.maps.ControlPosition.TORIGHT);
	var zoomControl = new kakao.maps.ZoomControl();
	map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT);

	var moveLatLon = new kakao.maps.LatLng(127.034374, 37.3004755);
	//map.setCenter(moveLatLon);

빈화면카카오본사

2

x, y가 반대로 선언되어 있습니다.

//var moveLatLon = new kakao.maps.LatLng(127.034374, 37.3004755); (X)
var moveLatLon = new kakao.maps.LatLng(37.3004755, 127.034374); (O)
3

아 저 좌표는 경기대학교 좌표로 바꾸고 싶어서 적어둔 좌표입니다…
하지만 경기대학교 좌표로 이동시키면 위와 같이 빈 화면만 잘나옵니다.(카카오 본사 좌표만 잘나와요!)

4

경기대 좌표 선언이 위경도가 반대로 선언되어 있습니다.
그래서 지도가 빈 화면으로 이동한것 같은데…
위 좌표로 setCenter를 호출해보셨나요?

경기대 좌표로 지도 생성하는 코드도 첨부해드립니다.

var mapContainer = document.getElementById('map'), // 지도를 표시할 div 
    mapOption = { 
        center: new kakao.maps.LatLng(37.3004755, 127.034374), // 지도의 중심좌표
        level: 3 // 지도의 확대 레벨
    };
5

앗…제가 바보 같았네요…이런 글에도 정성스럽게 답글 달아주셔서 감사합니다ㅠㅠ

1개의 좋아요