从谷歌表单自动更新的D3.js地图’；学生答卷

我正在尝试使用D3.js进行可视化，它从谷歌表单（通过谷歌表单生成）获取数据，并在添加新数据（即用户响应调查）时自动更新可视化

我正在尝试设置工作流，因为这是我第一次这样做，我希望有更多经验的人能够帮助发现任何流程并解决我的问题

目标：

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

随着新数据添加到答题表中，地址字段将转换为“完整地址”列（连接三个字段）和另一列，其中完整地址将转换为long/lat坐标 一个新的pin被添加到地图中；其位置由long/lat坐标确定

建议的工作流程：

分别使用传单和地图框创建和设置地图样式（如图所示 中）

创建一个附加层，其中包含来自 电子表格（cirlces），如所述

使用连接地址字段并转换为long/lat坐标

从google工作表加载数据，如图所示（两个选项）

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

假设这是个好主意，我已经有问题了。地理编码连接和转换需要手动完成。这意味着在答题表中添加新的回答时，

完整地址

和

long/lat

列不会自动填写

---

你知道我该如何解决这个问题吗？

经过几天的工作，我设法让它按我想要的方式运行。如果有人感兴趣；）

如果可视化不起作用是因为我从head部分删除了我的google map javascript API键。。如果插入有效密钥，代码应正常工作