【 D3.js 入门系列 --- 10.1 】 简化 GeoJSON 文件

时间:2022-05-05 03:33:08

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

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

    转载请注明出处,谢谢。


    上一篇制作中国地图时用到了 GeoJSON 文件。后来我发现这个文件太大,有 2,364 KB,当然这能保证地图很精确,但我们通常不需要那么精确的边界,所以有必要将它缩小。所幸已经有前人做过这项工作,真是前人栽树,后人乘凉,在这里表示感谢。

    转换方法:

    1. 打开网站 

    http://mapshaper.org/

    2. 点击 select 选择要缩减的 GeoJSON 文件

    【 D3.js 入门系列 --- 10.1 】 简化 GeoJSON 文件

    3. 滑动 Simplify 滚动条,更改缩小的比例。

【 D3.js 入门系列 --- 10.1 】 简化 GeoJSON 文件

【 D3.js 入门系列 --- 10.1 】 简化 GeoJSON 文件

【 D3.js 入门系列 --- 10.1 】 简化 GeoJSON 文件

    4. 右上角有三种输出模式,点击 GeoJSON 就行了。

    上一节的 china.json 文件简化后: china_simplify.json ,毕竟边界部分不需要那么精确。目前大小为 160 KB,仅相当于原来的 1/15 。

    结果请点击: http://www.ourd3js.com/demo/chinamap_simplify.html