来自一组坐标的voronoi地图的Choropleth地图(d3 + leaflet)

时间:2018-08-05 17:01:24

标签: javascript d3.js leaflet voronoi choropleth

gis.stackexchange.com中的

Repost

我有一个csv文件,该文件的一组坐标具有以下结构:def import_sprite(image, x, y, batch): """Import single image into batch.""" img = pyglet.resource.image(image) sprite = pyglet.sprite.Sprite(img, x=x, y=y, batch=batch) return sprite def import_spritesheet(spritesheet, rows, cols, item_width, item_height, x, y, batch, anim_slice=slice(0, None, 1), anim_speed=.1, should_loop=True): """Produce sprite sheet animation.""" sprite_sheet = pyglet.resource.image(spritesheet) sprite_sheet_seq = pyglet.image.ImageGrid(sprite_sheet, rows, cols, item_width=item_width, item_height=item_height) sprite_sheet_texture = pyglet.image.TextureGrid(sprite_sheet_seq) sprite_sheet_anim = pyglet.image.Animation.from_image_sequence(sprite_sheet_texture[anim_slice], anim_speed, loop=should_loop) pyglet.sprite.Sprite(sprite_sheet_anim, x=x, y=y, batch=batch) @screen.event def on_draw(): """Draw things as batch.""" screen.clear() main_batch.draw() s1 = import_sprite("sprite.png", 400, 300, main_batch) import_spritesheet("sh-enemy.png", 1, 15, 100, 100, 400, 400, main_batch, slice(0, None, 1), .05, True) (24个值)。

那些24点代表一个城市中的坐标。我想得到一个 voronoi地图,将这些坐标作为质心,然后然后为多边形着色,就好像它是一个Choropleth地图。这样的结果将是将要发布在Web仪表板上的地图,因此我将使用纯js框架。

我一直在关注this tutorialthis example(传单+ voronoi),但很难找到:

  1. 包含当前/最新版本的d3和/或传单的教程。
  2. 有关如何进行我需要的映射过程的教程或文章(coordinates> voronoi> choropleth)。

当前,我正在关注d3 API文档中的d3.voronoi部分,以了解如何生成区域/多边形,但是我不知道如何处理这些内容以使用传单生成Choropleth贴图和地图框。

我还尝试过使用turf.jspolygon将坐标转换为id,name,latitude,longitude,然后是FeatureCollection,然后使用Leaflet中的turf.voronoi方法,但没有成功

您建议采用哪种方法?

0 个答案:

没有答案