d3.js geoJSON和界限

时间:2012-12-19 02:30:12

标签: javascript d3.js bounds geojson

我已成功加载将要素集加载到

中的geoJSON文件
d3.geo.path() 

我当前实现的问题是它开始缩放以使路径成为一个点,我每次都必须放大。现在我知道有很多方法可以正确设置缩放级别,但我希望使用

d3.geo.bounds()

鉴于以下geoJSON功能:

json.features[0]:

Object
geometry: Object
coordinates: Array[2]
0: -71.248913
1: 44.078426
length: 2
__proto__: Array[0]
type: "Point"
__proto__: Object
id: 2
type: "Feature"
__proto__: Object

json.features[1]:

Object
geometry: Object
coordinates: Array[2]
0: -71.249021
1: 44.078387
length: 2
__proto__: Array[0]
type: "Point"
__proto__: Object
id: 3
type: "Feature"
__proto__: Object

如果我执行

d3.geo.bounds(json.features)

我为界限获得无限:

d3.geo.bounds(json.features)
[
Array[2]
0: Infinity
1: Infinity
length: 2
__proto__: Array[0]
, 
Array[2]
0: -Infinity
1: -Infinity
length: 2
__proto__: Array[0]
]

我不确定出了什么问题,显然我有一个比上面更大的数据集,但我只是想了解输出。这个输出对我来说没有意义,显然缺少关于d3处理geoJSON数据的简单方法。任何帮助我们开展工作的帮助都会有所帮助。

感谢。

1 个答案:

答案 0 :(得分:12)

d3.geo.bounds将单个Feature或FeatureCollection作为参数,而不是一系列要素。见the documentation。你需要打个电话。

d3.geo.bounds(json.features[0])

如果你想要一个包含所有特征的边界框,你需要依次得到每个特征的边界框,然后计算它们的并集。