d3地图

作者: 肖雨San | 来源:发表于2019-01-07 02:04 被阅读4次

GeoJSON 是一种对地理数据结构进行编码的格式。http://geojson.org/官网

TopoJSON 是 GeoJSON 简化后的版本,可以说是 GeoJSON 的小孩。D3.js 的作者认为 GeoJSON 不太好,比较推崇 TopoJSON 格式。

TopoJSON 与 GeoJSON 相比,文件大小缩小了 80% ,因为:

边界线只记录一次(例如广西和广东省的交界线只记录一次)

不使用浮点数,只使用整数

在线制作geojson

http://geojson.io

geojson topojson转换

https://mapshaper.org/

geojson数据获取:

http://echarts.baidu.com/echarts2/doc/example/geoJson/china-main-city/${citypostcode}.json

百度echart数据

http://download.geonames.org/export/dump/

各国geo数据

制作geojson

http://desktop.arcgis.com/zh-cn/

在线展示应用

https://www.windy.com/ 地图数据是canvas加载的png图片,风速数据是整页canvas渲染,但使用的不是d3。

https://air.nullschool.net/ 13年日本网友的d3渲染效果。一个canvas渲染了地图和风力

相关文章

  • 第十一章 D3地理

    d3绘制地图思路 绘制思路: 首先 定义地图的投影和地理路径生成器: 获取Json文件, 拿到geojson.fe...

  • 在网页上绘制地图

    环境angular , d3 下载所绘地图的json文件一张地图中,省市的边界,城市的坐标位置,名称等信息,均以...

  • 动画与互动

    1. 动画与互动 在叙事结构中全面应用创意D3如何帮你在可视化图表中添加动画与互动用地理特征创建D3地图了解别人如...

  • Leaflet_D3:点

    开发环境 根据d3创建svg,并添加到map地图的overlayPane下 注册map zoom 事件 示例代码 ...

  • d3比例尺

    d3比例尺好比地图上的映射,偌大的世界可以缩小到一张很小的纸上,d3在作图的过程中,为了将数据映射展示到一张小小的...

  • Leaflet+D3: 路径

    开发环境 根据d3创建svg,并添加到map地图的overlayPane下 根据点位坐标 生成线 创建路径 将经纬...

  • d3地图

    GeoJSON 是一种对地理数据结构进行编码的格式。http://geojson.org/官网 TopoJSON ...

  • [行者无疆]《与孩子共享自然》D3(唤醒计划D5/23)画好游览

    [行者无疆]《与孩子共享自然》D3(唤醒计划D5/23)画好游览地图。第三天带读里提到探索大地之心,可以把经过的地...

  • d3.js

    D3是什么? D3: 是Data-Driven Documents(数据驱动文档)的简称。 D3(或D3.js) ...

  • Vue D3 力导向图

    1. 安装 前端工程根目录下执行 yarn add d3 ,安装 d3 依赖包。安装的版本 "d3": "^5...

网友评论

      本文标题:d3地图

      本文链接:https://www.haomeiwen.com/subject/qsderqtx.html