2017-11-29 9 views
0

국가를 클릭하는 방법을 아는 사람이 있습니까? 그런 다음 2D 지리 세계지도에서 해당 국가/지역을 확대 할 수 있습니까? 내가 eCharts 3에서 제공되는 세계 2D 맵을 사용하고eCharts 3 - 지리 정보 확대 onclick

그래서 내 옵션은 다음과 같이 :

여기
geo: { 
     name: '2D Global Map', 
     type: 'map', 
     map: 'world', 
     roam: true, 
     label: { 
      emphasis: { 
       show: false 
      } 
     }, 
... 

내가 지금까지 가지고있는 것입니다. 내가 그것을 클릭했을 때 단지 내가 클릭했던 곳보다 4에 똑바로 줌.

myChart.on('click', function (params) { 
    myChart.setOption({ 
    geo: { 
     zoom: 4 
     } 
    }); 
}); 
    myChart.setOption(option); 

x 및 y 오프셋을 확대하는 방법을 찾으려고 시도했지만 작동하지 않습니다.

지도를 가운데 정렬하려고 시도했지만 위도와 경도가 있어야 배열 내부의지도를 가운데에 배치 할 수 있습니다. 지도는 좌표에 JSON을 사용하고 그것을 볼 수는 있지만 배열로 가져올 수는 없습니다.

myChart.on('click', function (params) { 
    myChart.setOption({ 
    geo: { 
     center: [(need to get lat/long of where clicked)], 
     zoom: 4 
     } 
    }); 
}); 
    myChart.setOption(option); 

이렇게하는 방법에 대한 의견이 있으십니까?

myChart.on('click', function(params) { 
      if (params.data) { 
       myChart.setOption({ 
        geo: { 
         center: params.data.value, 
         zoom: 6 
        } 
       }); 
       } else { 
       myChart.setOption({ 
        geo: { 
         center: [0,0], 
         zoom: 1 
        } 
       }); 
       } 
      myChart.setOption(option); 
     }); 

그것은 완전히 나에에 확대 할 수 있기를 원 문제가 해결되지 않습니다

답변

0

그냥 다른 사람이 같은 문제가있는 경우 누구라도,이 방식으로 그것을 해결할 수 있었다 어느 국가에서나 데이터 포인트를 확대 할 수 있다는 점에서 문제를 해결합니다.

다른 사람이 국가 정보를 제공하는 방법에 대한 제안 사항이 있으면 알려 주시기 바랍니다.