Map

Map

Map Chart를 생성, 관리하는 클래스

ChartJS에서 지원하지 않는 타입의 차트라 직접 만들어줌

Constructor

new Map(option, datasets)

Map차트에서 사용되는 Google Maps API를 로드하고 필요한 값들을 설정
Parameters:
Name Type Description
option object 차트 생성에 필요한 옵션
datasets object 차트 생성에 필요한 데이터
Source:

Members

average :number

데이터들의 값의 평균
Source:

currentPickingObject :object

현재 마우스 피킹되어있는 오브젝트
Source:

currentShowObjectGPS :array

gps 타입일 때 현재 지도에 보여지고있는 오브젝트 배열
Source:

currentShowObjectPlace :array

place 타입일 때 현재 지도에 보여지고있는 오브젝트 배열
Source:

data :object

차트 생성에 필요한 데이터
Source:

dataType :string

차트의 타입 기본값은 'gps' 이고 추가로 place가 있음
Source:

google :object

Google Maps API 오브젝트
Source:

googleMapsClient :object

Google Maps Api Geocode를 사용하기 위한 오브젝트
Source:

location :array

데이터의 gps 좌표를 가지고 있는 배열
Source:

option :object

차트 생성에 필요한 옵션
Source:

pixi :PIXI

PIXI 오브젝트
Source:

radius :number

gps 타입에서 원의 크기
Source:

smoothing :boolean

구글 지도가 Smooth Move를 하고있는지 판단
Source:

tooltip :Tooltip

Map 차트에서 사용 될 Tooltip 오브젝트
Source:

Methods

boundsChangedGPS()

gps 타입일 때 boundsChanged 이벤트 함수
Source:

boundsChangedPlace()

place 타입일 때 boundsChanged 이벤트 함수
Source:

drawGraphics(_graphics, _value, _rectInfo, _point, _option)

Google Map위에 정보들을 표현해줌
Parameters:
Name Type Description
_graphics Graphics Graphics
_value number 해당 데이터의 값
_rectInfo object 사각형 정보
_point object 정보를 그릴 좌표
_option object 사용자가 지정한 옵션
Source:

findPlace(address)

geocode를 이용해서 주소의 정보를 요청함
Parameters:
Name Type Description
address string 주소
Source:

getCenterLocation(locations) → {object}

좌표들을 통해서 가운데 지점을 찾아줌
Parameters:
Name Type Description
locations array 좌표를 가지고 있는 배열
Source:

idleGPS(map, overlay)

gps 타입일 때 idle 이벤트 함수
Parameters:
Name Type Description
map GoogleMap Google Map 오브젝트
overlay object overlay
Source:

idlePlace(map, overlay)

place 타입일 때 mousemove 이벤트 함수
Parameters:
Name Type Description
map GoogleMap Google Map 오브젝트
overlay object overlay
Source:

initMap()

Google Maps API 로드가 완료되면 Google Map를 초기화하면서 설정

각종 Google Maps 이벤트들을 등록해줌

Source:

isPointInCircle(px, py, cx, cy, r) → {boolean}

x,y 좌표가 원안에 있는지 검사
Parameters:
Name Type Description
px number 검사할 x 좌표
py number 검사할 y 좌표
cx number 원의 중심 x 좌표
cy number 원의 중심 y 좌표
r number 원의 반지름
Source:

isPointInRectangle(_px, _py, _rectX, _rectWidth, _rectHeight) → {boolean}

x,y 좌표가 사각형안에 있는지 검사
Parameters:
Name Type Description
_px number 검사할 x 좌표
_py number 검사할 y 좌표
_rectX number 사각형의 시작 x 좌표
_rectWidth number 사각형의 가로
_rectHeight number 사각형의 세로
Source:

mouseMoveGPS(event, map, overlay)

gps 타입일 때 mousemove 이벤트 함수
Parameters:
Name Type Description
event object 이벤트 오브젝트
map GoogleMap Google Map 오브젝트
overlay object overlay
Source:

mouseMovePlace(_event)

place 타입일 때 mousemove 이벤트 함수
Parameters:
Name Type Description
_event object 이벤트 오브젝트
Source:

setDataFromGPS()

gps 타입일 때 좌표 데이터를 정리하고 그 데이터를 바탕으로 지도를 정렬해줌
Source:

setDataFromPlace()

place 타입일 때 좌표 데이터를 정리하고 그 데이터를 바탕으로 지도를 정렬해줌
Source:

smoothZoom(map, max, count)

Google Map을 부드럽게 확대/축소 하는 함수
Parameters:
Name Type Description
map GoogleMap Google Map 오브젝트
max number 확대/축소 할 Level 값
count number 현재 Level 값
Source: