안녕하세요~
카카오지도 api를 탭형식으로 구동하고있는데요.
tab형식이라, display:none; → display:block; 가 되면서 지도 자리가 안잡히더라구요.
그래서 서치 해보니, display:block;이 되는 시점에 map.relayout(); 을 하라고 되어있어서 그렇게 적용했는데, 안되더라구요…
콘솔창에는 아래 이미지와 같이 뜹니다.!
소스는 아래와 같습니다.
$(document).ready(function(){
//지점 지도
if($('.store_map').length > 0){
$('.store_tab').find('li').on('click',function(){
const storeNum = $(this).index();
$('.map_wrap > div').removeClass('on').eq(storeNum).addClass('on');
window.setTimeout(function() {
$('.map_wrap > div.on').relayout();
}, 1000);
});
}
mapBox.find('> div:first-child').addClass('on');
});
확인 부탁드립니다 ㅠㅠ!