2017-11-29 11 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); 

これを行う方法についてのご意見はありますか?

答えて

0

念のために他の誰がこの同じ問題を抱えている、私はこの方法でそれを解決することができました:

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); 
     }); 

それは完全に私が上でズームできるようにしたかった問題が解決しませんどの国でも問題は解決しますが、国の中のデータポイントを拡大することができます。

他に誰かが国のやり方に関する提案がある場合は、私に知らせてください。