【 D3.js 入门系列 — 10.3 】 GeoJSON 和 TopoJSON 文件有什么不同？

最新推荐文章于 2024-06-03 09:47:29 发布
最新推荐文章于 2024-06-03 09:47:29 发布
阅读量1.4w 收藏 7
点赞数 5
分类专栏： D3.js D3 数据可视化 - 入门系列 文章标签： d3 geojson topojson 地图 文件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzhlzz/article/details/39226125
版权

本人的个人博客为：www.ourd3js.com 

csdn博客为：blog.csdn.net/lzhlzz

转载请注明出处，谢谢。

前些天有朋友留言询问 GeoJSON 文件和 TopoJSON 文件的关系，正好我其实也不是十分明了，查询了一番后整理如下，还望大家指证。

这两种文件都是基于 JSON 语法的，首先来说一下 JSON 语法和文件是怎样的。

1. JSON 格式

最低0.47元/天 解锁文章
DecemberCafe
关注
  • 5
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
D3.js 使用geojson绘制地图
u010846156的博客
03-21 7966
D3.js 使用geojson绘制地图前言初始化项目功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 前言 利用geoj...
从省市级到区县级，Power BI topoJSON 中国行政区划地图都在这了
PowerPivotShop的博客
02-18 6445
说到地图，Power BI自带的地图相信大家都见过。但是当我们仅想展示某块区域的话，就需要用到“形状地图”了。 “形状地图”无法在地图上显示数据点的精确地理位置。 相反，其主要目的是通过不同方式对地图上的区域着色来显示这些区域的相对比较。 使用方法： step 1：打开“形状地图” “形状地图”开关默认是关闭的，我们要在“文件”-“选项”-“预览功能”中开启形状预设视觉对象功能。 勾选后，在...
d3_geojson_example:使用 d3 显示从 shapefile 生成的 geojson 的示例
06-25
使用 D3 显示 geoJSON 的一个非常快速的示例 这个 repo 是 post 的一部分。 关于 查看coffee/vis.coffee的实现。 此外，此示例已在js/vis.js使用仅 JavaScript 版本重新js/vis.js 。 选择你的毒药！ 跑步 您可以使用 python 的简单服务器启动本地网络服务器： python -m SimpleHTTPServer 3000 或thin的Ruby thin start # might have to run 'bundle install' first 现在去 你有一个基本的可视化 或者——我最近一直在使用 node 的 http-server，它也能正常工作。 你需要安装它： npm install -g http-server 然后你只需在站点的根目录中运行 http-server ： http-serve
推荐开源项目：topojson——高效的空间数据编码库
最新发布
gitblog_00055的博客
06-03 246
推荐开源项目：topojson——高效的空间数据编码库 项目地址:https://gitcode.com/mattijn/topojson 在大数据和地理信息系统的时代，处理空间数据的效率至关重要。今天，我们向您推荐一个强大的Python库——topojson，它能将您的空间数据转化为高效的TopoJSON编码格式，极大地优化存储和传输。 1、项目介绍 topojson 是一款能够将任意类型的Py...
d3， 根据 geoJson 画出地图及经纬度打点
热门推荐
萝卜芹菜芽
12-14 1万+
一、思路：d3.geo.mercator 地理投影，可将经纬度转成平面坐标系[x,y]二、效果查看：https://lefthandcat.github.io/geoD3Map/三、代码已放 github: https://github.com/leftHandCat/geoD3Map三、具体步骤： layer1 第一层，读取 geoJson.json 画出轮廓可以去这个网站下载主要国家，省，市的
TopoJSON数据转换
齐鲁明月
06-06 3538
一、安装Topojson-servernpm install -g topojson二、GeoJSON转换为TopoJSONgeo2topo input.geojson > output.topojson参考：TopoJSON Server: https://github.com/topojson/topojson-server/blob/master/README.md#geo2topoC...
geojsonio：将多种数据格式与GeoJSON和TopoJSON相互转换
02-05
该软件包是将地理数据转换为GeoJSON和TopoJSON格式的实用程序。 没有其他的。 我们希望很好地完成这一工作，并处理所有合理的用例。 该软件包中的功能首先围绕您正在使用或想要获得的内容（GeoJSON或TopoJSON）...
geojson、topojson两种格式行政划分（全国-各省份）Power BI形状地图可以直接导入
03-27
TopoJSON 是由 D3.js 库的作者 Mike Bostock 创建的，它是 GeoJSON 的一个更高效的空间数据表示形式。TopoJSON 通过消除几何对象之间的冗余边来压缩数据，从而节省存储空间。此外，它还支持将地理边界作为拓扑网络...
mapshaper:用于编辑Shapefile，GeoJSON，TopoJSON和CSV文件的工具
04-06
Mapshaper是用于编辑用JavaScript编写的Shapefile，GeoJSON， ，CSV和其他几种数据格式的软件。 Mapshaper支持基本的地图制作任务，例如简化形状，编辑属性数据，剪切，擦除，溶解，过滤等。 有关如何使用...
geojson-3d:3D 中的 GeoJSON 和 TopoJSON，使用 Three.js
06-12
使用 ，您可以从 URL 加载 GeoJSON 或 TopoJSON 文件，并使用 Javascript 函数（就像 D3）设置特征样式。 简单的函数，总是返回相同的颜色： function ( d ) { return '#0ef1f4' ; } 简单的函数，总是返回相同...
topojson转换与应用
LZUGIS
07-17 1505
概述 topojson很早就问其大名，但日常用的比较多的还是geojson为主，最近在项目里面开始用到了，所以就写此文记录一下。 topojson GeoJSON是用于描述地理空间信息的数据格式。 github上对TopoJSON的解释是： GeoJSON 按拓扑学编码后的扩展形式。TopoJSON 消除了冗余，允许将相关几何图形有效地存储在同一文件中。 对比 1.文件大小 2.渲染效率 转换以及在mapboxGL中的使用 1.转换 借助topojson-client，可方便的实现topojson到
gantt-chart:用D3实施甘特图
03-07
甘特图 这是相对简单的甘特图的手工实现。 此新实现使用HTML5 Canvas API代替D3。 请参阅上的描述，屏幕截图和更多详细信息。 建筑 $ yarn install $ yarn build $ yarn start 然后，在浏览器中打开 。
基于d3js的一个地图绘制工具
08-10
基于d3.js的一个地图绘制工具，使用geojson格式地图数据，使用SVG方式的一个伪3D地图。
d3-topojson-template:将数据集映射到 D3 生成的美国地图的样板
06-21
D3 TopoJSON 模板 使用和生成美国的项目模板。 该还具有顶级过滤器、每个州的工具提示以及用于导航日期范围的滑块。 笔记 该地图使用。 目前没有日期格式，但您可以在本机处理它，也可以使用像这样的库。 滑块的键盘控件绑定到左右箭头键。 在最新版本的 Chrome、Safari 和 Firefox 中测试。 数据结构 [ { "name" : "Alabama" , "dates" : { "2013-09-01" : { "buzzes" : 0 , "doodads" : 4 , "fizzes" : 1 , "gizmos" : 1 , "widget
D3思维导图案例+二叉树数据转json数组
09-12
服务端提供的是二叉树的数据结构，D3只是需要普通的json数组结构，所以写了一个递归进行转换。可以点击收纳，可以点击添加。不能拖拽~
js拓扑图topo
06-21
一个很适用的拓扑图 采用js开发 容易改进.
甘特图简介
flyingdream123的专栏
09-26 272
甘特图简介
基于JS简单甘特图（IT枫斗者）
Andrew_Chenwq的博客
04-25 1317
代码很简洁，主要用于实现一个比较简单的甘特图。我们可以先模拟一些demo数据，这里面最为主要的数据为每个时间点，我们要实现上面的效果，需要对每个时间点进行拆分。在设置margin-left时，记得减去上一个时间段甘特图的margin-left（重点）。当我们的时间段是属于跨天的怎么计算他的开始和结束位置，以及他的宽度呢？没绘制一条后，存储其margin-left，方便下一个时间段使用。这里把代码贴出来哈，大家可以一起交流，或许你有更好的实现方式呢。计算出时间的width，遵循1px = 1M的规则。
jsTopo,Vuetopo纯代码绘制canvas可配置缩放拓扑图带电流动画(伪3d冷通道配置)
huo611的博客
07-28 812
【代码】jsTopo,Vuetopo纯代码绘制canvas可配置缩放拓扑图带电流动画(伪3d冷通道配置)
D3.js入门：创建动态数据可视化
12. **Geomapping（地理映射）**：讲解如何处理和可视化地理数据，包括JSON和GeoJSON的使用，以及路径和投影技术。 13. **导出**：介绍如何将可视化结果导出为位图、PDF或SVG格式，方便分享和打印。 附录提供了...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值