PolylineShape

    // StyleSet을 생성한다.
    // PolylineStyleSet은 한 개 이상의 PolylineStyle로 구성되고, PolylineStyle은 한 개 이상의 레벨별 스타일인 PerLevelPolylineStyle로 구성된다.
    // PerLevelPolylineStyle은 지정된 Polyline이 해당 레벨에서 어떻게 그려질지를 결정한다. 스타일이 지정되지 않았거나, 해당 레벨이 스타일이 지정되지 않은 구간이라면 Polyline은 그려지지 않는다.
    func createPolylineStyleSet() {
        let mapView = mapController?.getView("mapview") as! KakaoMap
        let manager = mapView.getShapeManager()
        let _ = manager.addShapeLayer(layerID: "PolylineLayer", zOrder: 10000)
        
        // 0 ~ 13레벨 : 빨간색 외곽선을 갖는 파란색 polyline
        // 14 ~ 16레벨 : 초록색 외곽선을 갖는 빨간색 polyline
        // 17 ~ 21레벨 : 빨간색 외곽선을 갖는 초록색 polyline
        let polylineStyle = PolylineStyle(styles: [
            PerLevelPolylineStyle(bodyColor: UIColor.blue, bodyWidth: 4, strokeColor: UIColor.red, strokeWidth: 1, level: 0),
            PerLevelPolylineStyle(bodyColor: UIColor.red, bodyWidth: 8, strokeColor: UIColor.green, strokeWidth: 2, level: 14),
            PerLevelPolylineStyle(bodyColor: UIColor.green, bodyWidth: 16, strokeColor: UIColor.red, strokeWidth: 3, level: 17)
        ])
        
        // 하나의 PolylineStyle을 포함하는 PolylineStyleSet을 만든다.
        let styleSet = PolylineStyleSet(styleSetID: "polylineStyleSet", styles: [polylineStyle])
        manager.addPolylineStyleSet(styleSet)
    }
    
    func createPolylineShape() {
        let mapView = mapController?.getView("mapview") as! KakaoMap
        let manager = mapView.getShapeManager()
        
        /// ShapeLayer추가
        let layer = manager.getShapeLayer(layerID: "PolylineLayer")
        let basePosition = MapPoint(longitude: 127.044395, latitude: 37.505754)
        let options = PolylineShapeOptions(shapeID: "polyline", styleID: "polylineStyleSet", zOrder: 1)
        
        // PolylineShape는 basePosition을 기준으로 하는 offset 좌표들로 구성할 수 있다.
        options.basePosition = basePosition
        options.polylines.append(Polyline(line: Primitives.getCirclePoints(radius: 100, cw: true), styleIndex: 0))

        let shape = layer?.addPolylineShape(options)
        shape?.show()
        
    }

        // PolylineShape의 생성옵션을 지정하는 클래스.
        let options = PolylineShapeOptions(shapeID: "polyline", styleID: "polylineStyleSet", zOrder: 1)
        
        // PolylineShape는 basePosition을 기준으로 하는 offset 좌표들로 구성할 수 있다.
        options.basePosition = basePosition
        options.polylines.append(Polyline(line: Primitives.getCirclePoints(radius: 100, cw: true), styleIndex: 0))

        let shape = layer?.addPolylineShape(options)

    //추가된 폴리라인에 점 하나를 랜덤하게 추가한다.
    // styleIndex는 추가한 styleSet의 5개의 스타일중 하나를 랜덤하게 사용한다.
    @objc func onUpdatePolyline() {
        let mapView: KakaoMap = mapController?.getView("mapview") as! KakaoMap
        let manager = mapView.getShapeManager()
        let layer = manager.getShapeLayer(layerID: "polylines")
        let line = layer?.getMapPolylineShape(shapeID: "line")
        
        // line을 구성하는 point 추가
        let pnt = (_points!.last?.kakaoCoord)!
        _points?.append(MapPoint(longitude: pnt.longitude + Double.random(in: 0...0.004491),
                                 latitude: pnt.latitude + Double.random(in: 0...0.004491)))
        
        // Polyline segment 생성. styleIndex는 5개중에 하나를 선택한다.
        let lineSeg = MapPolyline(line: _points!, styleIndex: UInt(arc4random_uniform(5)))
        
        // PolylineShape를 구성하는 lineSegment를 업데이트한다.
        line?.changeStyleAndData(styleID: "polylineStyleSet", lines: [lineSeg])
    }

    func createPolylineAnimator() {
        // absolute
        let mapView = mapController?.getView("mapview") as? KakaoMap
        let manager = mapView?.getShapeManager()
        
        /// ShapeLayer추가
        let layer = manager?.addShapeLayer(layerID: "shapes", zOrder: 10001)
        
        let colors = [UIColor.red, UIColor.orange, UIColor.yellow, UIColor.green, UIColor.blue, UIColor.purple]
        
        let styleSet = PolylineStyleSet(styleSetID: "lineStyle")
        
        for index in 0 ..< colors.count {
            
            /// PolylineStyle 추가
            let style = PolylineStyle(styles: [
                PerLevelPolylineStyle(bodyColor: colors[index], bodyWidth: 4, strokeColor: colors[index], strokeWidth: 0, level: 0),
                PerLevelPolylineStyle(bodyColor: colors[colors.count - index - 1], bodyWidth: 8, strokeColor: colors[colors.count - index - 1], strokeWidth: 0, level: 14)
            ])

            styleSet.addStyle(style)
        }

        manager?.addPolylineStyleSet(styleSet)
        
        let size: CGSize = (mapView?.viewRect.size)!
        let center = mapView?.getPosition(CGPoint(x: size.width / 2, y: size.height / 2))
        let option = MapPolylineShapeOptions(shapeID: "rings", styleID: "lineStyle", zOrder: 1)
        let weight = 0.2
        
        for circleIndex in 0 ..< 4 {
            let points = Primitives.getCirclePoints(radius: Float(1.0 - (weight * Double(circleIndex))), cw: true, center: center!)
            // circle point style 개수만큼 나눠서 생성생성
            for index in 0 ..< styleSet.styles.count {
                
                var startIndex = index * 15
                let endIndex = startIndex + 15
                
                var line = [MapPoint]()
                while startIndex <= endIndex {
                    line.append(points[startIndex])
                    startIndex += 1
                }
                
                let polyline = MapPolyline(line: line, capType: .none, styleIndex: UInt(index))
                option.polylines.append(polyline)
            }
        }

        let polyline = layer?.addMapPolylineShape(option)
        polyline?.show()
        _showShape = true
        
        /// shape Animator 추가
        let effect = WaveAnimationEffect()
        effect.addAnimationData(startAlpha: 0.8, endAlpha: 0.0, startPixel: 0, endPixel: 300, level: 0)
        effect.addAnimationData(startAlpha: 0.8, endAlpha: 0.0, startPixel: 50, endPixel: 400, level: 15)
        
        let animator = manager?.addShapeAnimator(animatorID: "circleWaveAnimator", interpolation: AnimationInterpolation(duration: 1000, repeat: 15, method: .cubinIn), effect: effect, hideAtStop: false)
        animator?.addMapPolylineShape(polyline!)

        animator?.start()
    }