PointLayer 생성 시 style로 설정할 수 있는 HeatmapStyle입니다.
히트맵 스타일 레이어는 포인터 밀도를 나타내기 위해 다양한 색상을 렌더링합니다.

Example

new ktGms.style.HeatmapStyle(
// HeatmapStylePaint
{
//히트맵 강도 : 줌레벨 6~15일때 강도 1 , 줌레벨 15~ 일때 강도 3
"heatmap-intensity": [
"interpolate", ["linear"], ["zoom"], 6, 1, 15, 3
],
//히트맵 포인트의 반지름 : 줌레벨 6~15일때 반지름 2, 줌레벨 15~ 일때 반지름 20
"heatmap-radius": [
"interpolate", ["linear"], ["zoom"], 6, 2, 15, 20
],
//히트맵 불투명도 : 줌레벨 6~15일때 불투명도 1, 줌레벨 15~ 일때 불투명도 0.1
"heatmap-opacity": [
"interpolate", ["linear"], ["zoom"], 13, 1, 15, 0.1
]
},
// HeatmapStyleLayout
{
"visibility": "visible",
})

See

Heatmap Heatmap 레이어 생성하기

Hierarchy

  • HeatmapStyle

Constructors

Properties

Methods

Constructors

Properties

HeatmapStyle의 paint 속성입니다.

HeatmapStyle의 layout 속성입니다.

Methods

  • Returns {
        visibility?: visibility_type;
    }

    • Optional visibility?: visibility_type

      레이어 표시 여부입니다.

      • visible : 레이어를 표시합니다.
      • none : 레이어를 표시하지 않습니다.

      Default

      "visible"
      
  • Returns {
        heatmap-color?: any;
        heatmap-intensity?: any;
        heatmap-opacity?: any;
        heatmap-radius?: any;
        heatmap-weight?: any;
    }

    • Optional heatmap-color?: any

      히트맵의 밀도 값을 기반으로 각 픽셀의 색상을 나타냅니다.

      Default

      [
      "interpolate",["linear"],["heatmap-density"],
      0, "rgba(0, 0, 255, 0)", // 히트맵 밀도가 0이면 투명색
      0.1, "royalblue", // 히트맵 밀도가 0~0.1이면 파란색
      0.3, "cyan", // 히트맵 밀도가 0.1~0.3이면 민트색
      0.5, "lime", // 히트맵 밀도가 0.3~0.5이면 라임색
      0.7, "yellow", // 히트맵 밀도가 0.5~0.7이면 노란색
      1, "red" // 히트맵 밀도가 0.7~1이면 빨강색
      ]
    • Optional heatmap-intensity?: any

      히트맵의 강도를 제어합니다. 주로 줌 레벨을 기반으로 히트맵을 조정하는 데에 사용됩니다.

      Default

      1
      
    • Optional heatmap-opacity?: any

      히트맵 레이어의 불투명도입니다.

      Default

      1
      
    • Optional heatmap-radius?: any

      히트맵 포인트의 반지름입니다.(픽셀 단위) 값이 커질수록 히트맵이 부드러워지지만 상세하게 보기는 힘들어집니다.

      Default

      30
      
    • Optional heatmap-weight?: any

      개별 포인트가 히트맵에 반영되는 정도입니다.

      Default

      1
      

Generated using TypeDoc