topojson相关内容

D3.js 画布上下文填充错误

我用 D3 制作地图,这是我的代码 d3.json('https://unpkg.com/world-atlas@1/world/110m.json', (error, topology) => {如果(错误)抛出错误;让宽度 = map.offsetWidth,高度 = map.offsetHeight;让投影 = d3.geoMercator().scale('200').translate ..
发布时间:2021-12-18 19:29:10 前端开发

D3.geo:平行线是球弧而不是直线?

我刚刚制作了一个 D3js 地球定位器,如下所示: 如果仔细观察,红色方块看起来很难看,因为它不遵循地球曲线.我有十进制度数的区域边界框: var bb = {W:-5.0, N:50.0, E:10.0, S:40.0 } 我画的线如下: svg.append("path").datum({type: "LineString", 坐标:[[-5, 40], [-5, 50], [10 ..
发布时间:2021-12-18 19:21:31 其他开发

如何使用 d3、javascript 和 json 文件将地图划分为邮政编码?

我正在尝试创建一个纽约地图,其中包含我可以根据人口普查数据着色的邮政编码区域(例如,如果多数为白色,则将区域着色为红色,如果多数为非白色,则将区域着色为蓝色).我只是使用我从这里在线找到的形状文件之一(https://data.cityofnewyork.us/Business/Zip-Code-Boundaries/i8iw-xf4u/data). 我将 shp 文件转换为 geojson ..
发布时间:2021-12-18 19:19:24 前端开发

预投影几何 v 让浏览器来做(又名效率 v 灵活性)

为了提高我的在线地图的性能,尤其是在智能手机上,我遵循 Mike Bostock 的建议,在将地理数据上传到服务器之前尽可能多地准备地理数据(根据他的 命令行制图).例如,我通常通过 d3.geoConicEqualArea() 在命令行中投影 TopoJSON 数据,而不是让查看器的浏览器在加载地图时执行此操作. 但是,我也想使用像 .scale、.fitSize、.fitExtent 和 ..
发布时间:2021-12-18 18:57:08 其他开发

D3js:自动放置标签以避免重叠?(力排斥)

如何在地图标签上施加力斥力,以便它们自动找到正确的位置? 博斯托克的“让我们制作地图" Mike Bostock 的 让我们制作地图(下面的屏幕截图).默认情况下,标签放置在点的坐标和多边形/多多边形的path.centroid(d) + 简单的左对齐或右对齐,因此它们经常发生冲突. 手工标签展示位置 一项改进我遇到了需要添加一个人对 IF 进行了修复,并根据需要添加了尽可 ..
发布时间:2021-12-18 18:47:20 其他开发

带有 Albers 投影的 D3.js 地图:如何旋转它?

我正在使用 d3.js 构建菲律宾地图,但出于一个奇怪的原因,该地图看起来像是在左侧旋转,因此该国家/地区看起来与实际情况不同.我试图修改projection.rotate 字段,但似乎不是修正线. var width = 1060,高度 = 860;var svg = d3.select("body").append("svg").attr("宽度", 宽度).attr("高度", 高度). ..
发布时间:2021-12-18 18:47:01 前端开发

给定 geoJSON 对象,将 d3 中的地图居中

目前在 d3 中,如果您有一个要绘制的 geoJSON 对象,则必须对其进行缩放和平移,以使其达到所需的大小,然后将其平移以使其居中.这是一项非常繁琐的反复试验任务,我想知道是否有人知道获得这些值的更好方法? 例如,如果我有这个代码 var path, vis, xy;xy = d3.geo.mercator().scale(8500).translate([0, -1200]);路径 ..
发布时间:2021-12-18 18:41:02 其他开发

电源 BI.使用自定义地图作为底图

目前,我正在尝试找到一种方法将自定义地图加载为 Power BI 中的基本地图.由于我希望即使在没有连接到 Internet 的情况下也能够加载地图,因此我曾考虑使用我公司的 WMS 服务器,但目前在 Power BI 中似乎无法实现. 因此,我正在尝试转换此文件 https://data.gov.sg/dataset/master-plan-2014-planning-area-bound ..
发布时间:2021-06-19 18:55:43 其他开发

如何缩放地图以使dv和geojson路径数据适合我的svg大小

我正在尝试创建一个d3 SVG,该SVG绘制纽约州的地图并对其进行缩放,以使其适合我的SVG的大小,我遇到的问题是,当我使用 .fitSize([height,宽度],mapObject),它只会在控制台中返回 NaN 错误. 纽约正在使用的topoJSON文件我正在使用 我能够在不缩放的情况下显示地图,但是当然,它不是经过优化的,需要进行缩放 我尝试了此帖子中所说的内容但我还没 ..
发布时间:2021-04-28 18:39:27 前端开发

Topojson:如何在GIS软件中设计有效的多边形,线,点?

到目前为止,我一直使用Web上的GIS文件,这些文件为我提供了管理多边形,河流,陆地等.然后,我将其转换为Topojson格式,以提供D3js. 今天,我必须在Quantum GIS(QGIS)中设计自己的图层(wine_areas).同样,此.shp文件稍后将转换为Topojson格式. 在GIS软件(.shp文件)中设计形状,线,点时:我应该担心的关键方面是什么,以及如何做..sh ..
发布时间:2020-11-14 19:31:52 其他开发

如何在Altair中使用GeoJSON数据制作地图?

我对制图和Altair/Vega非常陌生. Altair文档中有一个示例,用于说明如何以美国各州的轮廓开始制作地图,它基本上是通过以下方式创建的: states = alt.topo_feature(data.us_10m.url, feature='states') # US states background background = alt.Chart(states).mark_ge ..
发布时间:2020-11-13 18:32:00 Python

Shapefile到Topojson的转换

我正在尝试转换可以在此处.我的最终目标是获得此问题中所述的TopoJSON. 我已经在Linux机器上使用了以下命令: ogr2ogr -f GeoJSON GHA_adm1.json GHA_adm1.shp 它返回此: Unable to open datasource `GHA_adm1.shp' with the following drivers. ... here go ..
发布时间:2020-11-13 18:31:52 其他开发

在D3中加载TopoJSON文件时出现随机行

我正在尝试显示意大利制图的形状文件,例如这个,使用D3.js 我可以在 MapShaper 上加载Zip文件,查看地图,对其进行简化并导出到TopoJSON.我可以在MapShaper中加载TopoJSON,但看起来仍然没问题. 但是当我尝试使用D3.js显示它时,我得到了一堆意大利面: 美女,不是吗? 代码直接来自示例.投影中心,旋转和平行线应该是意大利的标准格式,但这并 ..
发布时间:2020-07-21 01:33:25 其他开发

大型geojson到topojson

我正在尝试将相对较大的geojson文件(383 MB)转换为topojson以与D3.js结合使用.我在Macbook Pro 2016上运行以下命令: geo2topo test.json > test.topojson 以及以下简化命令: geo2topo test.json > test.topojson -q 10000 它们两个都产生相同的以下错误: buff ..
发布时间:2020-07-21 00:53:30 前端开发

如何嵌套GeoJSON/TopoJSON几何图形或使用D3嵌套生成的路径?

问题: 我正在尝试创建一个显示州,县和国家边界的美国交互式地图.县基于数据着色,并且将鼠标悬停在一个州上应突出显示该州中的所有县,并且该州应是可单击的.我想通过将SVG的州县形状设置在州形状内,美国形状的内部来实现. 我可以基于CENSUS县形状文件生成县地图,并且可以通过使用TopoJSON命令行在文件中准备文件并在D3中使用以下代码来基于外部CSV中的数据对州进行着色: ..
发布时间:2020-07-21 00:43:08 前端开发