D3.js 从 google 表单的答案自动更新的地图 sheet
D3.js map that automatically updates from google form’s answer sheet
我正在尝试使用 D3.js 进行可视化，从 google sheet（通过 google 表单生成）获取数据并在新的时候自动更新可视化添加数据（即用户对调查做出回应）。
我正在尝试设置工作流程，因为这是我第一次做这样的事情，我希望有更多经验的人可以帮助发现任何流程并解决我的问题。
Objective:
创建一个在用户添加数据时自动更新（即创建一个新圈）的地图。
用户通过 google 表单添加数据：这包括他们的姓名、位置（三个字段：街道名称 - 号码 - 城市）和多项选择答案。
随着新数据被添加到答案 sheet，地址字段被转换为“完整地址”列（连接三个字段）和另一列，其中完整地址被转换为 long/lat坐标
地图中添加了一个新图钉；它的位置由 long/lat 坐标
决定
建议的工作流程：
- 分别使用 Leaflet 和 Mapbox 创建地图并设置样式（如图所示
在 this tutorial)
- 创建一个包含来自
spreadsheets（圆圈），如解释的那样here
- 使用Geocode by Awesome Table add-on连接地址字段并转换为long/lat坐标
- 从 google sheet 加载数据，如图所示 here（两个选项）
我的第一个问题是您是否认为这是一个可行的工作流程，或者是否有更好的工具来实现我的 objective。
假设这是个好主意，我已经有问题了。地理编码连接和转换需要手动完成。这意味着当将新响应添加到答案 sheet 时，不会自动填充 full address 和 long/lat 列。
知道如何解决这个问题吗？
经过几天的努力，我设法让它按照我想要的方式运行。 Here is the bl.ock 如果有人感兴趣 ;)
我正在尝试使用 D3.js 进行可视化，从 google sheet（通过 google 表单生成）获取数据并在新的时候自动更新可视化添加数据（即用户对调查做出回应）。
我正在尝试设置工作流程，因为这是我第一次做这样的事情，我希望有更多经验的人可以帮助发现任何流程并解决我的问题。
Objective:
创建一个在用户添加数据时自动更新（即创建一个新圈）的地图。 用户通过 google 表单添加数据：这包括他们的姓名、位置（三个字段：街道名称 - 号码 - 城市）和多项选择答案。
随着新数据被添加到答案 sheet，地址字段被转换为“完整地址”列（连接三个字段）和另一列，其中完整地址被转换为 long/lat坐标 地图中添加了一个新图钉；它的位置由 long/lat 坐标
决定建议的工作流程：
- 分别使用 Leaflet 和 Mapbox 创建地图并设置样式（如图所示 在 this tutorial)
- 创建一个包含来自 spreadsheets（圆圈），如解释的那样here
- 使用Geocode by Awesome Table add-on连接地址字段并转换为long/lat坐标
- 从 google sheet 加载数据，如图所示 here（两个选项）
我的第一个问题是您是否认为这是一个可行的工作流程，或者是否有更好的工具来实现我的 objective。
假设这是个好主意，我已经有问题了。地理编码连接和转换需要手动完成。这意味着当将新响应添加到答案 sheet 时，不会自动填充 full address 和 long/lat 列。
知道如何解决这个问题吗？
经过几天的努力，我设法让它按照我想要的方式运行。 Here is the bl.ock 如果有人感兴趣 ;)