问题标签 [topojson]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
11774 浏览

node.js - 如何运行 TopoJSON?

我需要将 geojson 文件转换为 topojson 并可能简化 topojson 文件。我已经成功安装了 Node.js 和 topojson 包。但我不知道如何运行 topojson。

wiki 列出了一堆命令行选项,但我在哪里运行这些命令?我已经尝试在命令提示符和节点 shell 中运行它们。Node、GDAL、ogr2ogr 和 TopoJSON 对我来说都是新概念,所以我有点困惑和不知所措。

顺便说一句,我在 Windows 上运行。

0 投票
1 回答
2064 浏览

d3.js - 获取无法读取空 topojson 的属性“类型”

我正在尝试在 topojson 中实现我的第一个地图。
我将形状文件转换为 GeoJson,然后转换为 topojson。

当我运行下面的代码时,我在文件中收到Uncaught TypeError: Cannot read property 'type' of null错误。D3.js

您可以在此处查看代码和 topojson 文件

http://tributary.io/inlet/5636305

0 投票
0 回答
2161 浏览

json - queue() 调用 world-110m.json 的 d3.json 会为带有 topoJSON 的世界地图产生语法错误

我成功完成了“让我们制作地图”教程,现在想制作世界地图。但是,我尝试的所有示例(来自 mbostock 的几个)仅在 chrome 和 firefox 中显示背景图形。我在萤火虫中收到以下错误:

SyntaxError: JSON.parse: 意外字符

返回 JSON.parse(request.responseText);

在 d3.v3.js 中,但我假设它以 index.htm 中的以下代码开头:

“world-110m.json”的调用 d3.json 似乎会产生错误。我在互联网上没有发现有关此错误的任何信息-我将不胜感激。

0 投票
2 回答
9753 浏览

d3.js - topojson V1 中的 topojson.object

我玩 topojson 玩得很开心,但看起来 topojson.object 在 topojson 的 V1 中是未定义的,V0 中支持它。有人可以解释我如何解决这个问题吗?我正在尝试为格式为 topojson 的输入文件中的每个多边形绘制不同的路径元素。代码是:

0 投票
1 回答
577 浏览

d3.js - 为什么渲染这个 SVG 地图会使我的浏览器崩溃?

我正在尝试使用这个 shapefile用 D3(和 topojson)制作干旱地图。

我已将它转换为 GeoJSON 和 topojson,但在任何一种情况下,尝试渲染都会导致浏览器挂起,并且该选项卡的 CPU 达到 100% 或更高。

我可以渲染更大的文件,就像所有美国县一样,我可以使用 Mapnik 或 TileMill 渲染文件。但是在浏览器中,它死了。

这是相关代码

0 投票
1 回答
3429 浏览

d3.js - Shapefile 到 TopoJSON 的转换问题

我正在尝试将 shapefile 转换为 GeoJSON,然后转换为 TopoJSON,如Let's Make a Map中所述。沿着链条的某个地方,某些东西被破坏了,我得到的图像如下所示: 损坏的 VT 地图

我的工作流程如下:

  1. 从以下网址下载 shapefile:http: //vcgi.vermont.gov/warehouse/search_tools - 我正在使用主城镇边界数据,特别是“Boundary_BNDHASH_region_towns.shp”文件。
  2. 将 shapefile 转换为 GeoJSON

    /li>
  3. 将 GeoJSON 转换为 TopoJSON

    /li>
  4. 插入基本模板,对 Mike Bostock 的示例进行一些小的修改

    /li>

这不是我的第一张 d3 地图(这是我的第二张地图!)但我非常不知道出了什么问题。我最好的猜测是它与包含许多 shapefile 及其随附文件的解压缩数据集有关。

0 投票
3 回答
5417 浏览

d3.js - D3.Pan/Zoom 上的 Geo 性能

去年,我使用Mapnik 库(服务器端、位图/平铺)对 web 地图进行了几次实验。现在我正在尝试使用带有 d3.js 的向量客户端方法来复制相同的实验。

我有一张地图(约 680 个形状),zoom速度很慢而且pan很迟钝( Mike Bostock 的这个例子效果很好)。我怀疑问题出在zoommove回调中,selectAll("path").attr("d", path)耗时太长。

问题

  1. 我在这里做错了吗?
  2. 我该怎么做才能优化性能?

地图是这样的(这里是 jsfiddle):

巴西圣保罗州的自治市

数据源为 topojson 格式。它被简化了,可能已经太多了,因为有些形状没有关闭:

在此处输入图像描述

[更新]

看起来即使在没有简化标志的情况下运行 topojson 时也会出现开放几何的问题,我仍在调查。我会很感激这里的任何线索,文档不是很详细。

0 投票
2 回答
1071 浏览

topojson - 试图安装 topoJSON 并得到了这个

Caseys-MacBook-Pro:~ casey$ npm install -g topojson

npm http GET https://registry.npmjs.org/topojson

npm http 200 https://registry.npmjs.org/topojson

npm http GET https://registry.npmjs.org/topojson/-/topojson-1.1.4.tgz

npm http 200 https://registry.npmjs.org/topojson/-/topojson-1.1.4.tgz

npm 错误!错误:EACCES,mkdir '/usr/local/lib/node_modules/topojson'

npm 错误!{ [错误:EACCES,mkdir '/usr/local/lib/node_modules/topojson']

npm 错误!错误号:3,

npm 错误!代码:'EACCES',

npm 错误!路径:'/usr/local/lib/node_modules/topojson',

npm 错误!fstream_type: '目录',

npm 错误!fstream_path: '/usr/local/lib/node_modules/topojson',

npm 错误!fstream_class: 'DirWriter',

npm 错误!fstream_stack:

npm 错误!['/usr/local/lib/node_modules/npm/node_modules/fstream/lib/dir-writer.js:36:23',

npm 错误!'/usr/local/lib/node_modules/npm/node_modules/mkdirp/index.js:37:53',

npm 错误!'Object.oncomplete (fs.js:107:15)' ] }

npm 错误!

npm 错误!请尝试以 root/管理员身份再次运行此命令。

npm 错误!系统达尔文 12.4.0

npm 错误!命令“节点”“/usr/local/bin/npm”“安装”“-g”“topojson”

npm 错误!cwd /用户/casey

npm 错误!节点-v v0.10.11

npm 错误!npm -v 1.2.30

npm 错误!路径 /usr/local/lib/node_modules/topojson

npm 错误!fstream_path /usr/local/lib/node_modules/topojson

npm 错误!fstream_type 目录

npm 错误!fstream_class DirWriter

npm 错误!代码 EACCES

npm 错误!错误号 3

npm 错误!堆栈错误:EACCES,mkdir '/usr/local/lib/node_modules/topojson'

npm 错误!fstream_stack /usr/local/lib/node_modules/npm/node_modules/fstream/lib/dir-writer.js:36:23

npm 错误!fstream_stack /usr/local/lib/node_modules/npm/node_modules/mkdirp/index.js:37:53

npm 错误!fstream_stack Object.oncomplete (fs.js:107:15)

npm 错误!

npm 错误!可以在以下位置找到其他日志记录详细信息:

npm 错误!/Users/casey/npm-debug.log

npm 错误!不好的代码 0

我不知道该怎么做或如何解决这个问题。

0 投票
1 回答
2316 浏览

d3.js - How to convert GIS rasters into vector polygons?

How to turn raster GIS files (tiff) into .json ?

Bostock's example used some JSON data to feed his D3.geom.contour plugin. But how to convert a GIS raster, let's say a tiny 11px/15px tiff image, into a JSON.

Final .JSON code such: [EDIT: this is NOT the topojson format]

Note: .shp to .json: There is already a tutorial on how turning shapefiles into lighter topojson, but not useful to here.

0 投票
1 回答
1262 浏览

map - d3.js 地图显示为空

这让我发疯,我不知道我的错误在哪里,在 json 文件中(看起来不像),加载地图的代码,甚至是应用的颜色。我已经与noob d3.js 世界示例进行了比较,这对我有用,我只需替换坐标、json 地图文件和要显示我的区域的标签,瞧,不起作用,呵呵。

这是我的html + js:

好吧,我在代码中尝试过的我的 json 文件,你可以从这里下载它们(还有 html 文件):测试文件

请注意,我的每个 json 地图都有不同的 ID 或标签来显示区域,所以每次我在 HTML 代码中切换 json 地图时,我都会切换到正确的 ID/标签。例如,地图“prov_28_topo.json”的 ID 是“prov_28”: