我正在与海洋科学家合作,他们从沿海地区取样。我想将图表的中心更改为离海岸不远的地方。我想为图表的中心提供一个纬度/经度对,或者为地图区域的窗口/视图提供两个纬度/经度对,或者指定多个状态,例如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在某些方面所做的“裁剪”。
它远非完美,但我认为这是唯一操纵所生成地图的裁剪和中心的唯一方法。