问题标签 [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.
node.js - 如何运行 TopoJSON?
我需要将 geojson 文件转换为 topojson 并可能简化 topojson 文件。我已经成功安装了 Node.js 和 topojson 包。但我不知道如何运行 topojson。
wiki 列出了一堆命令行选项,但我在哪里运行这些命令?我已经尝试在命令提示符和节点 shell 中运行它们。Node、GDAL、ogr2ogr 和 TopoJSON 对我来说都是新概念,所以我有点困惑和不知所措。
顺便说一句,我在 Windows 上运行。
d3.js - 获取无法读取空 topojson 的属性“类型”
我正在尝试在 topojson 中实现我的第一个地图。
我将形状文件转换为 GeoJson,然后转换为 topojson。
当我运行下面的代码时,我在文件中收到Uncaught TypeError: Cannot read property 'type' of null
错误。D3.js
您可以在此处查看代码和 topojson 文件
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 似乎会产生错误。我在互联网上没有发现有关此错误的任何信息-我将不胜感激。
d3.js - topojson V1 中的 topojson.object
我玩 topojson 玩得很开心,但看起来 topojson.object 在 topojson 的 V1 中是未定义的,V0 中支持它。有人可以解释我如何解决这个问题吗?我正在尝试为格式为 topojson 的输入文件中的每个多边形绘制不同的路径元素。代码是:
d3.js - 为什么渲染这个 SVG 地图会使我的浏览器崩溃?
我正在尝试使用这个 shapefile用 D3(和 topojson)制作干旱地图。
我已将它转换为 GeoJSON 和 topojson,但在任何一种情况下,尝试渲染都会导致浏览器挂起,并且该选项卡的 CPU 达到 100% 或更高。
我可以渲染更大的文件,就像所有美国县一样,我可以使用 Mapnik 或 TileMill 渲染文件。但是在浏览器中,它死了。
d3.js - Shapefile 到 TopoJSON 的转换问题
我正在尝试将 shapefile 转换为 GeoJSON,然后转换为 TopoJSON,如Let's Make a Map中所述。沿着链条的某个地方,某些东西被破坏了,我得到的图像如下所示:
我的工作流程如下:
- 从以下网址下载 shapefile:http: //vcgi.vermont.gov/warehouse/search_tools - 我正在使用主城镇边界数据,特别是“Boundary_BNDHASH_region_towns.shp”文件。
将 shapefile 转换为 GeoJSON
/li>将 GeoJSON 转换为 TopoJSON
/li>插入基本模板,对 Mike Bostock 的示例进行一些小的修改
/li>
这不是我的第一张 d3 地图(这是我的第二张地图!)但我非常不知道出了什么问题。我最好的猜测是它与包含许多 shapefile 及其随附文件的解压缩数据集有关。
d3.js - D3.Pan/Zoom 上的 Geo 性能
去年,我使用Mapnik 库(服务器端、位图/平铺)对 web 地图进行了几次实验。现在我正在尝试使用带有 d3.js 的向量客户端方法来复制相同的实验。
我有一张地图(约 680 个形状),zoom
速度很慢而且pan
很迟钝( Mike Bostock 的这个例子效果很好)。我怀疑问题出在zoommove
回调中,selectAll("path").attr("d", path)
耗时太长。
问题:
- 我在这里做错了吗?
- 我该怎么做才能优化性能?
地图是这样的(这里是 jsfiddle):
数据源为 topojson 格式。它被简化了,可能已经太多了,因为有些形状没有关闭:
[更新]
看起来即使在没有简化标志的情况下运行 topojson 时也会出现开放几何的问题,我仍在调查。我会很感激这里的任何线索,文档不是很详细。
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
我不知道该怎么做或如何解决这个问题。
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.
map - d3.js 地图显示为空
这让我发疯,我不知道我的错误在哪里,在 json 文件中(看起来不像),加载地图的代码,甚至是应用的颜色。我已经与noob d3.js 世界示例进行了比较,这对我有用,我只需替换坐标、json 地图文件和要显示我的区域的标签,瞧,不起作用,呵呵。
这是我的html + js:
好吧,我在代码中尝试过的我的 json 文件,你可以从这里下载它们(还有 html 文件):测试文件
请注意,我的每个 json 地图都有不同的 ID 或标签来显示区域,所以每次我在 HTML 代码中切换 json 地图时,我都会切换到正确的 ID/标签。例如,地图“prov_28_topo.json”的 ID 是“prov_28”: