我正在与海洋科学家合作,他们从沿海地区取样。我想将图表的中心更改为离海岸不远的地方。我想为图表的中心提供一个纬度/经度对,或者为地图区域的窗口/视图提供两个纬度/经度对,或者指定多个状态,例如US-CT-NY。我希望有一个像geochart.center = {lat: 89, long: -127}这样的隐藏API。

function drawVisualization() {
  var data = google.visualization.arrayToDataTable([
    ['Lat', 'Long', 'Popularity'],

    [41.083333333276, -73.39999999978, 20.4 ],
    [41.083333333276, -73.39999999978, 20.6 ],
    [41.099550000113, -73.415400000078, 19.0 ]
  ]);

  var options = {title:'Temperature', region:'US-CT', resolution:'metros', width: 556, height: 347};
  var geochart = new google.visualization.GeoChart(
      document.getElementById('visualization'));
  geochart.draw(data, options);
}


http://code.google.com/apis/ajax/playground/?type=visualization#geo_chart

最佳答案

不幸的是,当前版本的google geochart中没有此类选项。
但是我可以想到一些可能或多或少起作用的CSS hack。
就像是:

#visualization {
width:550px;
overflow:hidden;
}
#visualization svg {
margin-left:-100px;
}


您将必须弄清楚哪些值对您有用。

过去,我曾使用此方法来改进API在某些方面所做的“裁剪”。

它远非完美,但我认为这是唯一操纵所生成地图的裁剪和中心的唯一方法。

09-12 01:32