gpt4 book ai didi

javascript - Google Geochart 缩放至加拿大特定省份

转载 作者:行者123 更新时间:2023-11-28 02:37:03 48 4
gpt4 key购买 nike

经过研究,我发现在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>​

请注意,国家/地区列表不相关,我只是测试缩放。预先感谢您的帮助。

最佳答案

不幸的是,无法使用 API 中的选项来做到这一点。我能做的就是用 CSS 花一些时间来达到类似的结果。

我在 div 周围创建了另一个 div,它将显示 map ,具有特定的大小和隐藏的溢出。然后我创建了大比例的 map ,并使用 css 边距值将其放置在父 div 内,仅用于显示我想要的区域。

例如:

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

这是一个工作示例:

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

希望对您有帮助!干杯

关于javascript - Google Geochart 缩放至加拿大特定省份,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13323999/

48 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com