[英]Rendering only a portion of a topojson map using D3.js
我正在使用D3.js库从US Census shapefile创建地图。 我正在寻找创建一个完整的美国地图,这是没有问题的,以及每个州的地图。
我的工作流程使用人口普查数据,ogr2ogr在命令行根据需要进行了更改,然后由shpescape.com转换为topojson或geojson,因为topojson模块的node.js下载错误(请参阅下面的编辑解决方案)问题)。
我的问题更多的是一个实用的问题而不是其他任何问题 - 当提供此代码时(以http://bl.ocks.org/mbostock/4707858为模型):
var width = 640,
height = 500;
var projection = d3.geo.albers();
var path = d3.geo.path()
.projection(projection);
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
d3.json("mt_geo.json", function(error, mt_topo) {
var states = topojson.feature(mt_topo, mt_topo.objects.states),
state = states.features.filter(function(d) { return d.id === 34; })[0];
projection
.scale(1)
.translate([0,0]);
var b = path.bounds(state),
s = .95 / Math.max ((b[1][0]-b[0][0])/width, (b[1][1]-b[0][1])/height),
t = [(width-s*(b[1][0]+b[0][0]))/2, (height-s*(b[1][1]+b[0][1]))/2];
projection
.scale(s)
.translate(t);
svg.append("path")
.datum(states)
.attr("class", "feature")
.attr("d", path);
svg.append("path")
.datum(topojson.mesh(us, us.objects.states,function(a, b) {return a !== b;}))
.attr("d", path);
svg.append("path")
.datum(state)
.attr("class", "outline")
.attr("d", path);
它不仅在“var states”行抛出一个错误,它说“无法读取未定义的属性类型” - 但我也不知道我应该将什么传递给匿名函数,或者mt_topo.objects .states应该是指。 关于这种GIS的事情没有很好的文档。 所有人口普查地图都有“状态”功能吗? 当你将.shp压缩到topojson时,你会丢失这些信息吗?
简单地说,如果d3.json采用(对象,函数(错误,json)),那么实际工作的示例会是什么样的?
编辑:替代方案和WINDOWS 7 IDIOSYNCRASIES -----
大多数教程都告诉你使用来自node.js的模块,但我在Windows7上,规范的命令行“npm install -g topojson”在“contextify”失败。 创建者给我发了一个很好的链接来解决这个问题。
这很重要,因为在topojson的命令行中有一个标志,您可以在其中将geojson中的现有要素打包到topojson中的可访问对象中。 例如,上面的代码使用topojson中的“states” - 除非你使用以下命令,否则这是无意义且无法访问的:
topojson -o us.topojson -- states=us_states.json
双连字符和状态之间的空间很重要。 然后,您可以通过us.objects.states访问状态,如上面的原始代码所示。
你很近。 没有测试你的代码,我看到一个主要问题。 JSON回调的第二个参数是mt_topo
,您在定义时使用它
var states = topojson.feature(mt_topo, mt_topo.objects.states)
但是,稍后您将us
用作回调对象,大概是因为这就是Mike Bostock在您引用的示例中使用的内容。 相反,它应该是这样的:
svg.append("path")
.datum(topojson.mesh(mt_topo, mt_topo.objects.states,function(a, b) {return a !== b;}))
.attr("d", path);
也就是说,你的问题是关于人口普查地图是否具有“状态”功能。 我的猜测是,你使用的几何体没有状态特征,这就是你得到错误的原因。 使用topojson命令行工具时,功能名称(即data.objects.x)通常是输入文件的名称,因此如果您的文件是US_Census_2010.shp
,则需要将状态定义为
var states = topojson.feature(mt_topo, mt_topo.objects.US_Census_2010)
打开mt_geo.json
文件,查看您的功能的名称。 希望有所帮助!
表示地图的GeoJSON文件通常具有一个或多个功能。 每个要素可能具有零个或多个属性。 通常,属性用于存储场所的元数据(州名,县等)。 您可以阅读GeoJSON文件并查看它具有的属性,并使用此属性显示或隐藏功能。
将文件从GeoJSON转换为TopoJSON时, 您可以保留或删除原始属性 。 例如,教程Let's Make a Map中的uk.json文件中的特征和点具有属性name
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.