layout이 display none block으로 되어있어서 지도가 깨지는 현상이 발생해 검색을 해보니 map.relayout() 이걸 호출하면 될것이다 라고 해서 호출해서 써봤는데 undefined가 나고 있습니다.
console로 map을 접근해봤는데 해당 method가 없다고 나오는데 이 method가 무슨역활을 하는지 설명되어있는곳이있나요?
아니면 저 method를 호출하려면 필요한게 있는지 궁금합니다.
여러개 탭으로 이루어져 있으며 외부에서 클릭을 시도해야 합니다. 외부에서 쓰는 방법을 알고 싶습니다.
소스도 합께 올립니다.
감사합니다.
var kakaoMap = function(tag, info){
var location = info.publicLatlng.split(', ');
/*kakao map*/
var mapContainer = tag, // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(Number(location[0]) + 0.0017, Number(location[1])), // 지도의 중심좌표
level: 4 // 지도의 확대 레벨
};
var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
// 커스텀 오버레이에 표시할 내용입니다
// HTML 문자열 또는 Dom Element 입니다
var content = '<i class="marker">\
<div class="branch_info">\
<strong class="name">'+info.publicName+'</strong>\
<address class="address">'+info.publicAddress1+'<br>'+info.publicAddress2+'</address>\
<span class="tel">'+info.publicPhone+'</span>\
<button type="button" class="branch_info_close">닫기</button>\
</div>\
</i>';
// 커스텀 오버레이가 표시될 위치입니다
var position = new kakao.maps.LatLng(Number(location[0]), Number(location[1]));
// 커스텀 오버레이를 생성합니다
var customOverlay = new kakao.maps.CustomOverlay({
position: position,
content: content
});
// 커스텀 오버레이를 지도에 표시합니다
customOverlay.setMap(map);
console.log(map)
}