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

最新推荐文章于 2024-05-09 09:53:57 发布
最新推荐文章于 2024-05-09 09:53:57 发布
阅读量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 7944
D3.js 使用geojson绘制地图前言初始化项目功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 前言 利用geoj...
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_00068的博客
05-09 334
推荐TopoJSON：高效且强大的地理数据编码器 项目地址:https://gitcode.com/topojson/topojson 项目介绍 TopoJSON是一种GeoJSON的扩展，专注于对地理数据进行拓扑编码。它不再以离散的方式表示几何图形，而是通过共享线段（称为"弧"）将它们拼接起来。这一创新方法与MapShaper和Arc/Info Export等经典GIS格式有...
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转换与应用
LZUGIS
07-17 1491
概述 topojson很早就问其大名，但日常用的比较多的还是geojson为主，最近在项目里面开始用到了，所以就写此文记录一下。 topojson GeoJSON是用于描述地理空间信息的数据格式。 github上对TopoJSON的解释是： GeoJSON 按拓扑学编码后的扩展形式。TopoJSON 消除了冗余，允许将相关几何图形有效地存储在同一文件中。 对比 1.文件大小 2.渲染效率 转换以及在mapboxGL中的使用 1.转换 借助topojson-client，可方便的实现topojson到
TopoJSON数据转换
齐鲁明月
06-06 3513
一、安装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' ; } 简单的函数，总是返回相同...
从省市级到区县级，Power BI topoJSON 中国行政区划地图都在这了
PowerPivotShop的博客
02-18 6388
说到地图，Power BI自带的地图相信大家都见过。但是当我们仅想展示某块区域的话，就需要用到“形状地图”了。 “形状地图”无法在地图上显示数据点的精确地理位置。 相反，其主要目的是通过不同方式对地图上的区域着色来显示这些区域的相对比较。 使用方法： step 1：打开“形状地图” “形状地图”开关默认是关闭的，我们要在“文件”-“选项”-“预览功能”中开启形状预设视觉对象功能。 勾选后，在...
JavaScript可视化图表库D3.js
01-14
D3是目前最流行的JavaScript可视化图表库之一，D3的图表类型非常丰富，并且支持SVG格式，因此应用十分广泛，也有很多图表插件基于D3开发，比如MetricsGraphics.js，在D3上构建的数据图表非常强大。 D3的特点 允许绑定任意数据到DOM，将数据驱动转换应用到Document中。 不仅可以创建精美的HTML表格，而且可以绘制折线图、柱形图和饼图等数据图表。 支持SVG，在Web页面上渲染毫无压力
gantt-chart:用D3实施甘特图
03-07
甘特图 这是相对简单的甘特图的手工实现。 此新实现使用HTML5 Canvas API代替D3。 请参阅上的描述，屏幕截图和更多详细信息。 建筑 $ yarn install $ yarn build $ yarn start 然后，在浏览器中打开 。
基于d3js的一个地图绘制工具
08-10
基于d3.js的一个地图绘制工具，使用geojson格式地图数据，使用SVG方式的一个伪3D地图。
杭州市topo.json
07-24
杭州市topo.json，仅为行政区/县的数据，用于地图展示，免去创建地图服务
d3-chart:一个简单的 JavaScript D3.js 图表
06-29
JavaScript - d3-dchart 一个简单的 JavaScript D3.js 图表。 安装 脚本 < script src =" /path/to/d3-chart.js " > </ script > 浏览器化 npm install --save d3-chart 成分 component install jprichardson/d3-chart 用法 暂时不要用，过几天就可以用了。 执照 （麻省理工学院许可证） 版权所有 2013, JP Richardson
甘特图简介
flyingdream123的专栏
09-26 266
甘特图简介
基于JS简单甘特图（IT枫斗者）
Andrew_Chenwq的博客
04-25 1299
代码很简洁，主要用于实现一个比较简单的甘特图。我们可以先模拟一些demo数据，这里面最为主要的数据为每个时间点，我们要实现上面的效果，需要对每个时间点进行拆分。在设置margin-left时，记得减去上一个时间段甘特图的margin-left（重点）。当我们的时间段是属于跨天的怎么计算他的开始和结束位置，以及他的宽度呢？没绘制一条后，存储其margin-left，方便下一个时间段使用。这里把代码贴出来哈，大家可以一起交流，或许你有更好的实现方式呢。计算出时间的width，遵循1px = 1M的规则。
通过js批量下载地图TopoJson数据
weixin_51308608的博客
12-03 2648
通过执行js脚本批量下载全国省市区地图TopoJson数据文件到本地
怎么再d3.js文件里引用.geojson数据画Line String
05-16
在d3.js中，可以使用`d3.geoPath()`方法将.geojson数据绘制为线条。以下是一个简单的例子，展示如何加载.geojson数据和使用`d3.geoPath()`方法画线： ```javascript // 创建svg元素 var svg = d3.select("body").append("svg") .attr("width", 500) .attr("height", 500); // 加载.geojson数据 d3.json("data.geojson", function(error, data) { if (error) throw error; // 定义地理投影 var projection = d3.geoMercator() .fitSize([500, 500], data); // 定义路径生成器 var path = d3.geoPath() .projection(projection); // 画线 svg.selectAll("path") .data(data.features) .enter().append("path") .attr("d", path) .style("stroke", "black") .style("fill", "none"); }); ``` 在上面的代码中，首先创建了一个SVG元素，并通过`d3.json()`方法异步加载.geojson数据。然后，定义了一个地理投影（这里使用了Mercator投影），并根据数据设置投影比例尺。接着，定义了一个路径生成器，将投影和.geojson数据传递给它。最后，使用`selectAll()`方法选择所有的路径元素，绑定.geojson数据，并使用路径生成器生成路径数据。可以设置路径样式，例如线条颜色和填充颜色。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值