2016-11-17 3 views
1

하이 차트 사용 (http://www.highcharts.com/maps/demo) 아시아지도를 표시합니다. 남쪽 동쪽 아시아에 초점을 맞추고 싶습니다. 그래서지도가로드되는 즉시 기본 확대/축소를 추가하고 싶습니다.javascript, 하이 차트 확대/축소 후 기본 위치 변경

 chart: { 
      events: { 
       load: function() { 
       this.mapZoom(0.4, 100, 100); 
       } 
      } 
     } 

첫 번째 매개 변수는 줌의 강도와 나는 두 번째와 세 번째 매개 변수는 난에 확대하고자하는 점의 좌표한다고 가정 : 그래서 내가 사용하고 수행합니다. 두 번째 및 세 번째 매개 변수에 대해 입력 한 값에 관계없이 포커스 포인트는 항상 동일합니다.

내가 어떻게 주어진 포인트에 집중할 수 있었는지 생각해보십시오.

+0

이 내용을 따르면 도움이 될 것입니다. http://code.highcharts.com/mapdata/ –

+0

예, 이미 확인했지만 동남 아시아지도는 없습니다. 어쨌든 @ Mr.J – woshitom

답변

1

올바른 방법으로이 작업을 수행하고 있습니다. X/Y 값이 너무 커서지도 데이터가 너무 작아 줌 후에 좌표가 바뀌지 않는 것처럼 보일 것입니다. 예를 들어, 줌 http://jsfiddle.net/kez11sm0/30/

events:{ 
    load: function(e){ 
     this.mapZoom(0.3,7000,-7500); 
    } 
} 

X 및 Y 값은 오히려 브라우저의 플롯의 크기보다, 아래의 맵 데이터에 기초한다.