카카오맵 지도 커스텀 타일셋 중 불필요한 div 리턴 예외 문의

지도/로컬 API
#1

안녕하세요!

타일셋에 대한 문의사항이 있습니다.
사이트 요구사항 중 타일셋을 이용하게 되었는데요.

타일셋의 타일이 50m로 고정되어 줌레벨에 따라 타일의 너비, 높이가 변경되고 줌레벨이 축소 될 경우 지도 상에 작은 타일들이 생깁니다.
이 중 타일 x,y,z 중 필요한 타일만 div 값을 리턴하고 싶습니다.

그런데 현재 타일은 null값을 리턴하면 에러가 발생하여 div를 무조건 리턴하는 것으로 보입니다.
그로 인해 의미 없는 타일을 생성하게 되고 줌 레벨에 따라서 지도가 버벅이는 현상을 겪고 있습니다.

제가 리턴값을 잘못 주었거나 잘못 사용 했을 수도 있다는 생각이 들어서 문의 드립니다.
x,y,z 값을 필터하여 원하는 타일만 리턴할 수 있을까요?

var dmap = new kakao.maps.Map(mapContainer, mapOption);

// Tileset을 생성하고 지도 오버레이로 추가합니다
kakao.maps.Tileset.add(‘TILE_NUMBER’,
new kakao.maps.Tileset({
width: 256,
height: 256,
getTile: function(x, y, z) {
var div = document.createElement(‘div’);
div.innerHTML = x + ', ’ + y + ', ’ + z;
div.style.fontSize = ‘36px’;
div.style.fontWeight = ‘bold’;
div.style.lineHeight = '256px’
div.style.textAlign = ‘center’;
div.style.color = ‘#4D4D4D’;
div.style.border = ‘1px dashed #ff5050’;
return div;
}
}));

#2

타일셋 문서에 나온대로 Element가 반환되어야 합니다.
함수 안에서 x, y, z 조건에 맞지 않는경우 빈 div를 리턴해서 사용해주세요.

kakao.maps.Tileset.add('TILE_NUMBER', 
    new kakao.maps.Tileset({
        width: 256,
        height: 256,
        getTile: function(x, y, z) {
            var div = document.createElement('div');
           //x가 891인 경우 빈 div 반환
            if(x === 891) {
				return div;
            }

            div.innerHTML = x + ', ' + y + ', ' + z;
            div.style.fontSize = '36px';
            div.style.fontWeight = 'bold';
            div.style.lineHeight = '256px'
            div.style.textAlign = 'center';
            div.style.color = '#4D4D4D';
            div.style.border = '1px dashed #ff5050';
            return div;
        }
}));