【发布时间】:2016-05-17 06:06:08
【问题描述】:
我正在尝试使用 D3.js 进行可视化,它从谷歌表格中获取数据(通过谷歌表单生成)并在添加新数据时自动更新可视化(即用户回复调查)。
我正在尝试设置工作流程,由于这是我第一次做这样的事情,我希望有更多经验的人可以帮助发现任何流程并解决我的问题。
目标:
创建一个在用户添加数据时自动更新(即创建一个新圆圈)的地图。 用户通过 google 表单添加数据:这包括他们的姓名、位置(三个字段:街道名称 - 号码 - 城市)和多项选择答案。
随着新数据添加到答卷中,地址字段将转换为“完整地址”列(连接三个字段)和另一列完整地址转换为长/纬度坐标 地图中添加了一个新图钉;它的位置由长/纬度坐标确定
建议的工作流程:
- 分别用 Leaflet 和 Mapbox 创建地图并设置样式(如图 在this tutorial)
- 创建一个包含来自 电子表格(圆圈),如here 所述
- 使用Geocode by Awesome Table add-on 连接地址字段并转换为长/纬度坐标
- 从谷歌表格加载数据,如图here(两个选项)
我的第一个问题是您是否认为这是一个可行的工作流程,或者是否有更好的工具来实现我的目标。
假设这是一个好主意,我已经遇到了问题。地理编码连接和转换需要手动完成。这意味着在答题卡中添加新回复时,full address 和 long/lat 列不会自动填写。
知道如何解决这个问题吗?
【问题讨论】:
标签: d3.js google-sheets leaflet google-forms