javascript - Google Map GeoChart 的改变中心

Question

我正在与海洋科学家合作，他们从海岸采集样本。我想将图表的中心更改为远离海岸。我想为图表中心提供一对纬度/经度，或为 map 区域的窗口/ View 提供两个纬度/经度对，或指定多个州，如 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

Answer 1

不幸的是，当前版本的 google geochart 中没有这样的选项。 但是我可以想到一些或多或少可能起作用的 CSS hack。 像这样的东西:

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

您必须找出适合您的值(value)观。

我过去曾使用这种方法来改进 API 在某些领域的“裁剪”。

它远非完美，但我认为这是对生成的 map 的裁剪和中心进行一些操作的唯一方法。