1

調査の結果、GeoChartで特定の州のみを表示することはまだ不可能であることがわかりましたが、特定の州にズームインできるかどうかを自問しています。それについての情報が見つかりません。

これが私が得ることができる最も近いものです（カナダとその中のすべての州を示しています）：

    <html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
     google.load('visualization', '1', {'packages': ['geochart']});
     google.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Popularity'],
          ['Germany', 200],
          ['United States', 300],
          ['Brazil', 400],
          ['Canada', 500],
          ['France', 600],
          ['RU', 700]
        ]);

        var options = {'region':'CA','resolution':'provinces'};

        var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    };
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>​

国リストは関連していないことに注意してください。私はズームをテストしているだけです。助けてくれてありがとう。

4

1 に答える 1

1

残念ながら、APIのオプションを使用してそれを行うことはできません。私ができたのは、CSSを使って数週間かけて、同様の結果を達成することでした。

マップを表示するdivの周りに、特定のサイズと非表示のオーバーフローを含む別のdivを作成しました。次に、マップを大きな比率で作成し、cssマージン値を使用して、必要な領域を表示するためだけに親div内にマップを配置しました。

例えば：

#canvas {
    width:250px;
    height:300px;
    overflow:hidden;
}
#visualization {
    top:-150px;
}

実例は次のとおりです。

http://jsfiddle.net/cmoreira/njB6m/

それが役に立てば幸い！乾杯

于 2012-11-11T13:42:59.563 に答える