AnimatedCluster

정의 및 내용

ol-ext에서 제공하는 기능

데이터 소스와 레이어를 기반으로 하는 레이어이고 해당 클러스터 객체를 생성

 

-벡터 소스가 클러스터링 제공자가 되어, 데이터 소스를 만들게 됨

   var clusterSource = new ol.source.Cluster({
      distance: 40,
      source: new ol.source.Vector()
    });

* distance : 화면의 px 단위 좌표로써 해당 px 값 범위 안의 포인트 요소를 하나의 그룹으로 묶는 기준값

 (버블맵으로 만들기 위한 거리 설정이라고 생각하면 쉬움)

 

 - 클러스터 레이어

var clusterLayer = new AnimatedCluster({    
    name: 'Cluster',
    source: clusterSource,
    animationDuration: 400,
    style: getStyle
});

 * animationDuration : 확대 / 축소 시, 포인트 요소가 클러스팅 되는 시간(ms) - 그 style로 만들어지는데 걸리는 시간

** getStyle이라는 함수로 클러스팅 하는 스타일을 만들어 줌

 

출처: gisdeveloper.co.kr/?p=6708