首页 > 解决方案 > 来自一组坐标的 voronoi 地图的 Choropleth 地图 (d3+leaflet)

问题描述

从 gis.stackexchange.com转发

我有一个 csv 文件,其中包含一组具有以下结构的坐标:id,name,latitude,longitude(24 个值)。

这 24 个点代表一个城市的坐标。我想获得一个以这些坐标为质心的voronoi 地图,然后将多边形着色,就好像它是 choropleth map 一样。这样做的结果将是一张要在 Web 仪表板上发布的地图,因此我将使用仅限 js 的框架。

我一直在关注本教程本示例(传单+voronoi),但很难找到:

  1. 当前/现代版本的 d3 和/或传单的教程。
  2. 关于如何进行我需要的映射过程的教程或文章(坐标>voronoi>choropleth)。

目前我正在关注 d3 API 文档中的d3.voronoi部分,以了解如何生成区域/多边形,但我不知道如何处理这些以使用传单和 mapbox 生成等值线图。

我还尝试使用turf.js使用多边形将我的坐标变成 a FeatureCollectionturf.voronoi然后使用geoJsonLeaflet 中的方法,但没有成功。

你会推荐哪种方法来做到这一点?

标签: javascriptd3.jsleafletvoronoichoropleth

解决方案


推荐阅读