[Javascript] Highmap으로 네이버 부동산 지도 따라하기

github - https://github.com/ssm-lim/bPolygon/tree/master/bPolygon/highmap

다음 지도가 아닌 highmap활용으로 최종 결론이 나서 구글링과 API를 보면서 

추가했던 기능을 function객체 형태로 정리하고 주석 붙어놓았다.

주로 highmaps event trigger에 대한 내용을 추가했다.

1. select - 참조

// 단일 사용
chart.series[0].data[0].select();
// 여러 데이터 중 하나만 실행
$.each(chart.series[0].data, function(idx, obj){
	if(obj.properties.code == code){
		obj.select(true);
	}
});

해당 데이터에 select를 실행시킨다.

2. unselect - 참조

// 단일 사용
chart.series[0].data[0].select(false);
// 여러 데이터 중 하나만 실행
$.each(chart.series[0].data, function(idx, obj){
	obj.select(false);
});

해당 데이터에 select를 실행시키는데 파라미터로 false를 넘겨준다.

3. drillup - 참조

if( chart.drilldownLevels != undefined && chart.drilldownLevels.length > 0){
	chart.drillUp();
}

현재 drilldown상태인지 확인 후, drillup을 진행한다.

4. drilldown

// 단일 사용
chart.series[0].data[0].firePointEvent('click');
// 여러 데이터 중 하나만 실행
$.each(chart.series[0].data, function(idx, obj){
	obj.firePointEvent('click');
});

firePointEvent에 'click'을 파라미터로 넘겨준다

+ 이 부분은 아무래도 라이센스가 있는 거라서 라이브러리를 직접 손대긴 뭐해서 참고사항으로 적음

1. drillup버튼의 text를 변경할 수 있는 부분, 차트 생성할 때 지정할 수 있지만 이쪽이 더 확실

2. 크롬에서는 괜찮은데 IE의 경우 버전에 상관없이 datalabel의 shadow효과를 차트 옵션에서 꺼도 안 없어지는 경우가 있음.

textShadow 부분을 전부 0px 바꾸면 IE에서 적용이 안되는 부분을 바꿀 수 있다.