uGisMapPlatForm API

Class: uGisLineGradientAnimation

ugmp .animation.uGisLineGradientAnimation

new ugmp.animation.uGisLineGradientAnimation(opt_options)

uGisAnimation/shape/uGisLineGradientAnimation.js, line 54

uGisLineGradientAnimation 객체.

Line(선) 형태의 피처에 그라데이션 애니메이션 효과를 줄 수 있는 객체이다.

※피처 타입 : ol.geom.LineString 또는 ol.geom.MultiLineString

※스타일 타입 : ol.style.Stroke

Name Type Description

opt_options

Object

Name	Type	Description
`sync`	Boolean	동기화 사용 여부. Default is `true`.
`uGisMap`	ugmp.uGisMap	`ugmp.uGisMap` 객체.
`features`	Array.<ol.Feature.<(ol.geom.LineString\|ol.geom.MultiLineString)>>	대상 피처 리스트.
`originCRS`	String	대상 피처 원본 좌표계. Default is `EPSG:4326`.
`animations`	Array.<ugmp.animation>	애니메이션 효과 리스트.
`lineWidth`	Number	선 두께.
`startColor`	ol.Color \| ol.ColorLike	그라데이션 색상1.
`endColor`	ol.Color \| ol.ColorLike	그라데이션 색상2.
`useSymbol`	Boolean	심볼 사용 여부.
`symbolSRC`	String	심볼 경로 \|\| base64.
`symbolAnchor`	Number	심볼 중심 위치.

Example

var uGLineGraAni = new ugmp.animation.uGisLineGradientAnimation( {
	uGisMap : new ugmp.uGisMap( {...} ),
	features : [ new ol.Feature({
		geometry: new ol.geom.LineString({...}),
		...
	) ],
	originCRS : 'EPSG:4326',
	sync : false,
	animations : [ new ugmp.animation.lineGradientAnimation({...}) ],
	style : {
		lineWidth : 5,
		startColor : 'white',
		endColor : 'blue',
		useSymbol : true,
		symbolSRC : '/images/gRbrraN.png',
		symbolAnchor : [ 0.5, 0.5 ]
	}
} );