首页
学习
活动
专区
工具
TVP
发布

GeoJSON 和 TopoJSON

GeoJSON 和 TopoJSON 是符合 JSON 语法规则的两种数据格式,用于表示地理信息。 1. GeoJSON   GeoJSON 是用于描述地理空间信息的数据格式。...TopoJSON   TopoJSON 是 GeoJSON 按拓扑学编码后的扩展形式,是由 D3 的作者 Mike Bostock 制定的。...相比 GeoJSON 直接使用 Polygon、Point 之类的几何体来表示图形的方法,  TopoJSON 中的每一个几何体都是通过将共享边(被称为arcs)整合后组成的。   ...TopoJSON 消除了冗余,文件大小缩小了 80%,因为: 1.边界线只记录一次(例如广西和广东的交界线只记录一次); 2.地理坐标使用整数,不使用浮点数。...3.在线工具   JSON在线解析及格式化:https://www.json.cn/   在线生成 GeoJSON:http://geojson.io/   简化、转换 GeoJSON 和 TopoJSON

2.2K80
您找到你想要的搜索结果了吗?
是的
没有找到

【技能分享】谁都能学会的技术:矢量数据一键转为TopoJSON

什么是TopoJSONTopoJSON 文件中的几何图形不是独立地表示,而是由共享的线段(称为弧线)拼接而成。...TopoJSON 消除了冗余,提供了比 GeoJSON 更紧凑的几何表示;典型的 TopoJSON 文件比 GeoJSON 等价文件小 80%。...此外,TopoJSON 还为使用拓扑的应用提供了便利,如拓扑保护形状简化、自动地图着色和制图。 怎么将矢量转换为TopoJSON?...转换方法有很多,这里介绍三种 方式1 使用TopoJSON Server进行转换:「GIS教程」将GeoJSON转换成TopoJSON的方法 方式2 使用QGIS将进行转换:「GIS教程」使用QGIS将矢量数据转换成...TopoJSON格式 方式3 使用FME进行转换,这也是本文将要介绍的一种转换方式。

52520

D3.js 力导向图的显示优化

图片D3.js作为一个前端,说到可视化除了听过 D3.js 的大名,常见的可视化库还有 ECharts、Chart.js,这两个库功能也很强大,但是有一个共同特点是封装层次高,留给开发者可设计和控制的部分太少...和 EChart、Chart.js 等相比,D3.js** 的相对来说自由度会高很多,得益于 D3.js 中的 SVG 画图对事件处理器的支持**,D3.js 可将任意数据绑定到文档对象模型(DOM)上...图片构建 D3.js 力导向图在这里实践过程中,我们用 D3.js 力导向图来对图数据库的数据关系进行分析,其节点和关系线直观地体现出图数据库的数据关系,并且还可以关联相对应的图数据库语句完成拓展查询。...下面,我们来实现一个简单的力导向图,初窥 D3.js 对数据分析的作用和显示优化的一些思路。...为了实现拓展查询,在这里笔者要介绍下 D3.js 自带 API。

9.4K41

(数据科学学习手札42)folium进阶内容介绍

中我们了解了folium的基础内容,实际上folium在地理信息可视化上的真正过人之处在于其绘制图像的高度可定制化上,本文就将基于folium官方文档中的一些基本示例来展开说明; 二、处理GeoJSON和TopoJSON...数据   TopoJSON是GeoJSON按照拓扑学编码之后的扩展形式,相比GeoJSON直接使用Polygon、Point之类的几何体来表示图形,TopoJSON中的每一个几何体都是通过将共享边整合后组成的...,这使得TopoJSON相较于GeoJSON,大大地减少了数据冗余,节省存储空间,在folium中,我们使用folium.TopoJson()方法,通过与folium.GeoJson()相似的方法,为地图添加...层对象''' tj = folium.TopoJson(data,'objects.antarctic_ice_shelf',name='topojson') '''将topojson对象添加到底层地图上...,该参数传入一个自编函数用于控制GeoJson及TopoJson层中的对象视觉参数,自编函数style_function通过返回一个字典类型的变量,来完成上述控制过程,这个字典中常用的键有'color'

3.9K40

D3.js库-1-入门篇

从今天开始可视化库\color{red}{D3.js}的第一章-入门篇咯? ? 什么是D3.js D3指的是Data-Driven Documents,js即Javascript,是后缀名。...先看看官网上对D3.js库的定义: D3.js is a JavaScript library for manipulating documents based on data.D3 helps you...翻译成中文大致意思为: D3.js 是基于数据驱动文档工作方式的一款JavaScript函数库,主要用于网页作图、生成互动图形,是最流行的可视化库之一。...解压后,在HTML文件中包含相关的js文件即可 [D3.js]https://github.com/d3/d3/releases/download/v5.16.0/d3.zip 通过采用...D3.js的V5版本入门教程 慕课网-使用D3制作图表 数据可视化编程-使用D3.js Data Visualization with D3.js - Full Tutorial Course,油管上的一个实例演示课程

18.8K30
领券