【问题标题】:D3.js map that automatically updates from google form’s answer sheetD3.js 地图,自动从谷歌表单答题卡更新
【发布时间】:2016-05-17 06:06:08
【问题描述】:

我正在尝试使用 D3.js 进行可视化,它从谷歌表格中获取数据(通过谷歌表单生成)并在添加新数据时自动更新可视化(即用户回复调查)。

我正在尝试设置工作流程,由于这是我第一次做这样的事情,我希望有更多经验的人可以帮助发现任何流程并解决我的问题。

目标:

创建一个在用户添加数据时自动更新(即创建一个新圆圈)的地图。 用户通过 google 表单添加数据:这包括他们的姓名、位置(三个字段:街道名称 - 号码 - 城市)和多项选择答案。

随着新数据添加到答卷中,地址字段将转换为“完整地址”列(连接三个字段)和另一列完整地址转换为长/纬度坐标 地图中添加了一个新图钉;它的位置由长/纬度坐标确定

建议的工作流程:

  1. 分别用 Leaflet 和 Mapbox 创建地图并设置样式(如图 在this tutorial)
  2. 创建一个包含来自 电子表格(圆圈),如here 所述
  3. 使用Geocode by Awesome Table add-on 连接地址字段并转换为长/纬度坐标
  4. 从谷歌表格加载数据,如图here(两个选项)

我的第一个问题是您是否认为这是一个可行的工作流程,或者是否有更好的工具来实现我的目标。

假设这是一个好主意,我已经遇到了问题。地理编码连接和转换需要手动完成。这意味着在答题卡中添加新回复时,full addresslong/lat 列不会自动填写。

知道如何解决这个问题吗?

【问题讨论】:

    标签: d3.js google-sheets leaflet google-forms


    【解决方案1】:

    经过几天的努力,我设法让它按照我想要的方式运行。 Here is the bl.ock 如果有人有兴趣 ;)

    【讨论】:

    • 如果可视化不起作用是因为我从头部删除了我的 google map javascript API 密钥。如果您插入一个有效的密钥,代码应该可以正常运行
    猜你喜欢
    • 1970-01-01
    • 2017-04-21
    • 2013-05-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多