DeckGL

DeckGL Layer On/Off

YD_Koo 2020. 11. 16. 19:25

1. 결과 화면

DeckGL을 이용한 레이어 On/OFF

 

2. DeckGL Clone 이벤트 이용 하기 

 - 레이어.clone(obejct)

var arrLayers = deck.props.layers // 화면의 표출된 모든 레이어

let setVisibleLayer = function(targetID , bVisible){
	var cloneLayers = [];
	for (var i = 0; i < arrLayers.length; i++) {
		if(arrLayers[i].id == targetID ){ // arrLayers.id 레이어 만들때 정의했던 ID
			cloneLayers.push(arrLayers[i].clone({visible : bVisible}));
		}
		else {
			console.error('해당 ID와 매칭되는 정보가 없습니다.')
		}	
	}
	deck.setProps({layers: cloneLayers});
}
setVisibleLayer('speedLayer' , false); // or setVisibleLayer('speedLayer' , true);

deckgl.clone 사용시 new 레이어 없이 선언 되어 있던 레이어를 복제하여 재사용 가능?? 하다.

 

 

구축 기반  Spring, javascript ,DeckGL 

반응형