问题标签 [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 投票
0 回答
1328 浏览

css - 传单:组织瓦片、geojson、标记、折线的窗格

我正在努力正确地订购我的图层。

http://fiddle.jshell.net/zw8TR/6/

我有一张包含几个不同图层的地图:普通图块(通过 Mapbox)、Google 地图图块、Geojson(从 Topojson 转换)世界地图多边形、标记和折线。

问题从谷歌地图瓦片开始——它们在 z-index 中的位置比普通瓦片和标记/折线更高,掩盖了其他一切。我已经用 CSS 解决了这个问题。

(旁白:根据我的经验,这没有任何意义——z-index 是继承的,因此如果父母的 z-index 为 1,则孩子只能拥有 z-index 1。你可以看到直接的子级.leaflet-google-layer的内联 z-index 为 0,而实际的图块(它们是子级)的 z-index 为 200+,这在浏览器中似乎得到了尊重。我不明白为什么会这样。是 z-如果内联添加索引不继承?)

接下来,默认情况下,Leaflet 将我的geoJson多边形放在叠加层中。在里面,有一个 SVG 可以随地图平移和缩放(很好!)。但是,我的折线也被添加到顶部的同一个 SVG 中,现在被矢量图形遮挡了。SVG 具有以下内联属性 - style="transform: translate3d(...);". 由于这会强制 3D,因此 z-index 不再适用于解决问题。

我想控制如何将我的图层添加到 DOM。我的 geoJson 矢量地图(和谷歌地图图块,如果可能的话),应该通过添加到.leaflet-tile-panediv 与 Tile 图层一起放置。我曾尝试按照此演示手动添加“窗格”,但出现错误(我的小提琴中的第 19 行):

或者

当我删除该方法时。我怀疑这是因为我要创建的图层不是平铺图层,但我不确定如何修复它。

毕竟,我很高兴知道:如何将我的 geoJson 层从.leaflet-overlay-pane??

0 投票
0 回答
778 浏览

macos - 安装 Topojson 时出现大量错误——上下文化?节点gyp重建?其他线程不起作用 Lion 10.7.5

更新:像这样解决:

1.就像@salem 说的,我必须安装contextify:

  1. 然后sudo npm install -g topojson抛出一个关于需要接受 Xcode 许可协议的错误。它也抛出了我需要的命令,所以我运行它,然后udo npm install -g topojson再次尝试 s,它成功了!

问题:

所以,我收到很多错误:

sudo npm install -g topojson

我还没有在其他线程中找到解决方案。

  1. Xcode 对吗?我有 Xcode 4.6.2 - 并且更新出现此错误:“Xcode [5] 无法安装在“Macintosh HD”上,因为需要 Mac OS X 版本 10.8.4 或更高版本。”

  2. node 和 npm 看起来还不错……他们都在 node --help 和 npm --help 2a 上吐出了一些帮助。我尝试使用 node-v0.10.24-darwin-x86.tar 删除然后重新安装节点。虽然我很不清楚这是什么。

这是日志的结尾:

整个日志在这里: http: //greencracker.net/wp-content/uploads/2013/12/error.txt

你怎么看?

0 投票
0 回答
408 浏览

json - Topojson 命令行——剥离一些几何图形和?不匹配?在外部属性中

编辑/更新——我从来没有弄清楚错误信息,但是新的一天,再试一次,这篇文章有帮助:如何将属性添加到 topojson 文件?

和它结婚的方法是这样的,添加第二个NAME


我有一个很好的 topojson,显示了乔治亚州的所有县。它加载,显示正常。我使用 shpescape.com 从 .shp 转换它

但!我想将它与一些外部属性混合,每个县的毕业率存储在 .csv 中。所以我在命令行尝试 topojson 。

GaCountiesTopo.json 有一个名为 NAME 的字段;数据大写。counties.csv 有一个名为 NAME 的字段;数据大写。

我试过这个:

得到了这个:

没有这样的文件或目录'NAME',是吗?这是我的语法错误吗?或者字段名称“NAME”是否可能由于某种原因没有一对一匹配?或者,也许 .json 中有一个孤独的县,在 .csv 中没有对应的县,就像我试图将 Screven 与 Scerven 相匹配?159个县!

嗯..也许我的输入,CountiesTopo.json 搞砸了?所以,让我们试试这个,看看会发生什么:

好吧,我将 output.json 插回到我的 d3 代码中,它给了我一张精简的地图:只是佐治亚州的轮廓:没有县!

所以嗯……要更多地探索 topojson,为什么不尝试转换我的原始 .shp?

给我:

我的输入有问题,嗯?FWIW 这是美国人口普查老虎形状文件。

你怎么看?我怎样才能将我的 .csv 与我的 .json 结合起来?

谢谢!

0 投票
1 回答
2220 浏览

javascript - Why don't my TopoJSON lat and long points show on my US map?

I'm plotting points on a US Map with TopoJSON. I think my data is formatted correctly, everything is loading, the states are showing... but I have no points. The console has no errors. Here is my script:

And my data looks like:

Again, I get no errors.. it just doesn't work.

0 投票
1 回答
747 浏览

javascript - D3 TopoJSON 地图上的动态大小点

我使用 D3 在 TopoJSON 地图上绘制了点,代码如下:

我现在正在寻找基于d.commodity_text.因此的值来调整这些点的大小,例如,如果商品文本等于“铁”,那么圆圈会更大吗?谢谢。

0 投票
0 回答
1544 浏览

d3.js - d3 地图与国家代码边界

我基本上遵循 Let's Make a Map 教程http://bost.ocks.org/mike/map/与世界地图。我想在教程中区分海岸线和陆地边界,并将国家代码添加为每个边界的类——这样当一个国家被突出显示时,填充和描边颜色都会改变。因为是世界地图,有太多国家手动做这个,但是我不知道怎么动态做。

我的代码的相关部分是:

但是,当我这样做时,海岸线(和陆地边界)被创建为单一路径,因此无法将例如日本的海岸线更改为不同的颜色。有什么想法可以实现这一目标吗?

0 投票
0 回答
631 浏览

javascript - 更新 D3 TopoJSON 地图的数据源

我目前正在尝试更新 TopoJson 地图的数据源,以便在按下按钮/调用 updateData() 函数时重新绘制地图上的点。

这是我的代码:

目前我正在我的变量“g”上调用我的转换函数,但我不确定从这里开始的地方。任何帮助将不胜感激。谢谢你。

0 投票
3 回答
19944 浏览

node.js - 安装 contextify 时出错-node-gyp 重建失败

编辑

我升级了节点并运行了“npm install -g contextify”它看起来安装得很好(没有错误),但是输入“which contextify”什么也没返回。安装 contextify 时的消息:

原来的

我在使用 npm 安装 contextify 时遇到问题:

并收到以下错误消息:

有人知道这里发生了什么吗?我读到它可能与我的 PYTHON PATH 有关,但我不确定它应该是什么样子。

谢谢您的帮助。

0 投票
1 回答
1534 浏览

c++ - C++ 中的 TopoJSON 或 GeoJSON 矢量图块

我想在 C++ 中使用 TopoJSON/GeoJSON。我正在编写自己的图块客户端,并希望将 png 替换为 Topo JSON 图块。问题是我在 c++ 中找不到 TopoJSON/GeoJson 平铺解析器的示例以及如何使用它们。

我只能在这里找到 Protobuf 替代品:https ://github.com/mapbox/mapnik-vector-tile

0 投票
1 回答
844 浏览

d3.js - D3.js : 绘制一个新的 topojson 并删除旧的

我是新手d3.js,但我可以绘制一个topojson文件,居中并计算比例(显然使用stackoverflow的几个问题和答案)。现在,我想更改topojson显示的内容,我的意思是,删除实际的,然后加载一个新的并显示它。

我可以加载新的,但它不显示。你能帮我解决错误吗?

提前致谢