- 已关闭**。此问题需要更多focused。它目前不接受回答。
- 希望改进此问题？* * 更新问题，使其仅针对editing this post的一个问题。
21天前关闭。
Improve this question的
我有一个JSON格式的文件从谷歌表API。我需要在JSON文件中标记地址，并在单击标记的地址时显示作业完成的百分比。我知道我可以在Map上显示数据，但我需要实时更新Map上的数据（与Google表数据同步）。
JSON示例：
[{"阶段//作业列表"："作业1 "，"地址"："塔尔博特路4号"，"城市/州/邮政编码"：" Panorama City，CA 91402 "，"阶段1 "："已完成"，"阶段2 "："已完成"，"阶段3 "："已完成"，"阶段4 "："已完成"，"阶段5 "："已完成"，"阶段6 "："已完成"，"阶段7 "："已完成"，"阶段8 "："已完成"，"阶段9 "："已完成"，"阶段10"："已完成"，"总进度"：1，"：0}，......{"阶段//工作清单"："工作10"，"地址"：" 46范戴克博士。"、"城市/州/邮政编码"："加利福尼亚州圣何塞95123 "，"第一阶段"："进行中"，"阶段2"："已完成"，"第3阶段"："待定"，"第4阶段"："待定"，"第5阶段"："待定"，"第6阶段"："待定"，"第7阶段"："待定"，"第8阶段"："待定"，"第9阶段"："待定"，"第10阶段"："待定"、"总进度"：0.1、""：1}，{"阶段//作业列表"："本阶段的进展"，"地址"：""，"城市/州/邮政编码"：""，"阶段1"：0.9英寸，第2阶段：0.9英寸，第三阶段：0.8英寸，第4级：0.7000000000000001，"第5阶段"：0.5英寸，第6级：0.4英寸，第7级：0.3000000000000004，"第8阶段"：0.2英寸，第9级：0.1英寸，第10级：0.2，"总进度"：0.5"、""：9}，{"阶段//作业列表"：“”、“位址”：""，"城市/州/邮政编码"：""，"阶段1"：""，"第二阶段"：""，"第三阶段"：""，"第4阶段"：""，"第5阶段"：""，"第6阶段"：""，"第7阶段"：""，"第8阶段"：""，"第9阶段"：""，"第10阶段"：""，"总进度"："《》、《》曰：""}]中
谢谢你的帮助。
1条答案
按热度按时间jbose2ul1#
要在Map上标记地址并在单击时显示作业完成的百分比，您可以使用Google Maps API和实时同步数据的机制的组合。以下是所涉及步骤的高级概述：
获取API密钥：从Google Cloud Console获取API密钥以访问Google Maps API。
设置Map：创建一个网页或应用程序，您可以在其中使用HTML、CSS和JavaScript显示Map。
集成Google Maps API：使用“Map”JavaScript API将Map嵌入到网页中并显示地址的标记。
获取并处理JSON数据：从GoogleSheets API检索JSON数据并在应用程序中解析它。
地理编码地址：使用地理编码服务（如Google Geocoding API）将地址转换为纬度和经度坐标，以便在Map上放置标记。
更新标测图标记：当您从Google Sheets API获取新数据或接收更新时，请相应地更新Map上的标记。
计算作业完成百分比：根据您拥有的数据确定作业完成的百分比，并将其与每个标记关联起来。
添加点击事件监听器：将单击事件侦听器附加到Map上的标记。单击标记后，显示相应的地址和作业完成百分比。
实时数据同步：要实时同步Google表格数据，您有几个选项。一种方法是使用API的“推送”功能，您的应用程序可以订阅更新，并在工作表数据发生更改时接收通知。然后可以相应地更新Map标记。
不断更新Map数据：实现一种机制，如轮询或WebSocket连接，以定期从GoogleSheets API获取最新数据，并相应地更新Map标记。
通过执行这些步骤，您可以创建一个动态Map，显示地址、作业完成百分比，并实时与Google Sheets数据同步。请记住，处理安全访问Google表格和MapAPI的任何身份验证和授权要求。