相关疑难解决方法(0)

在D3.js/GeoJSON/TopoJSON/Shapefile中平滑弧/绘图点(沿途某处)

我一直在寻找答案,我无法弄明白.

  • 我最终从基于网格的数据(GRIB文件)创建TopoJSON文件.
  • 我可以很容易地将数据内插到更精细的分辨率网格,因此缩小时绘图点看起来更平滑,但是当放大时,不可避免地会看到块状网格点.
  • 我也研究过简化,这确实有点帮助,但不是很平滑.
  • 我正在使用D3来渲染数据.
  • 这可以在前端完成,还是应该/可以在原始TopoJSON数据中完成?
  • 我基本上不希望你能够告诉它它是一个网格,即使你放大了10,000%.
  • 这是我所追求的一个例子:

在此输入图像描述

javascript gis geojson d3.js topojson

26
推荐指数
1
解决办法
998
查看次数

svg:生成'大纲路径'

我有一组坐标,我变成了svg路径(使用立方贝塞尔曲线使其平滑).当我应用一定的笔画宽度时,我得到以下结果(蓝点是我的坐标)具有笔划宽度的立方svg路径

我感兴趣的是获得一条围绕灰色形状的路径(例如:选择灰色/白色边框上的任何点,并围绕形状进行环绕,直到您回到起点).

我将如何计算这样的路径?

供参考,这是我的svg信息:

 <g>
  <title>number 3</title>
  <path d="m238,50c5.67569,-1.01351 11.8327,-3.8229 20.92029,-2.14724c8.68106,0.69732 14.21173,4.90255 18.07971,7.14724c6.23697,3.61945 13.47556,9.5931 15,18c1.07056,5.90372 1.17343,10.97649 -4,16c-6.76816,6.57204 -19.45392,9.57738 -25.69687,10.59046c-3.94836,0.64074 4.73492,3.29883 10.69687,5.40954c8.05417,2.85142 15,8 21,14c6,6 5.26578,10.94739 5.26578,17.03015c-2.4541,7.30975 -4.23343,11.08675 -11.26578,12.96985c-3.98279,1.0665 -11.92578,3.49756 -17,4c-8.95618,0.88684 -15.80411,2.97838 -26,0l-9.19197,-3.44464" id="svg_1" opacity="0.5" stroke-width="10" stroke-linejoin="round" stroke="#000000" fill="none"/>
 </g>
Run Code Online (Sandbox Code Playgroud)

svg vector shapes coordinates

15
推荐指数
1
解决办法
4822
查看次数

topojson脆皮边缘?

Mike Bostock分享了一系列全球topojson文件.

由于我想要更多的数据和更高的质量,我现在从Natural Earth生成我自己的高质量topojson文件.为简单起见,我的makefile /命令是这样的:

admin_0: crop
    ../node_modules/topojson/bin/topojson \
        --id-property name \
        -p name=name \
        -q 1e4 \
        --filter=small \
        -o admin_0.topo.json \
        -- admin_0=./natural_earth_vector/10m_cultural/ne_10m_admin_0_countries.shp
Run Code Online (Sandbox Code Playgroud)

但我的3MB .topojson是脆的,讨厌的,图形凌乱.看看海岸线,你会看到最烦人的事情:看起来像"楼梯"的线条:水平,垂直,水平,垂直,......

在此输入图像描述

在他身边,M. Bostock的90kb .topojson在优雅方面做得非常好.不完美,但很好,他确实有对角线(!)和他的线条使用的各种角度.

在此输入图像描述

我尝试减少量化-q 1e3,但它保持松脆,而且更加难看:楼梯的台阶甚至更大.

命令行API,我注意到,读尽我所能在:

  • -q, - 量化, - 无量化沿任一维度的可微分点的最大数量
  • -s, - 简化Visvalingam简化的精度阈值
  • - 简化维持Visvalingam简化的点数比例
  • --width scale和translate以适合指定宽度的视口
  • - 高度缩放和平移以适合指定高度的视口

这可能都对我有帮助.我做了一些测试,主要是了解平衡简化是棘手的.我想请经验丰富的用户如何处理和平衡他们的topojson简化.

你自己采取什么方法?所以... 我应该使用什么topojson参数来使我的topojson更好?(没有酥脆的楼梯 - 台阶边缘,正确的忠诚形状)

maps d3.js topojson

2
推荐指数
1
解决办法
655
查看次数

标签 统计

d3.js ×2

topojson ×2

coordinates ×1

geojson ×1

gis ×1

javascript ×1

maps ×1

shapes ×1

svg ×1

vector ×1