创建可以使用 HTML 5 平移和缩放的大型图形的最佳方法

Best method to create large graph that can be panned and scaled with HTML 5

本文关键字：缩放大型图形方法最佳可以使 HTML 创建更新时间：2023-09-26

我有一个客户的请求，正在寻找有关最佳程序的建议。我相信HTML 5可以提供帮助，但是我对HTML 5的更高级功能没有太多经验，无法得出结论。

基本上，我的客户希望有一个宇宙，实际上只是一个大图。在宇宙中绘制的是用户添加的元素。此金额将随着时间的推移而增加。因此，图形的维度将增加。这个想法是将宇宙视为一个整体，用代表元素的小点。然后，用户可以放大和/或平移宇宙以发现不同的元素。单击元素会弹出一个对话框，可以获得更多信息。缩放可以实时发生，或者是否可以接受单击一个区域并变大。

我的假设是，最好的方法是使用HTML 5和Javascript。但是，如前所述，我是HTML 5及其局限性的新手。

如果它可以是轻量级的并且可以在多个设备（移动设备、桌子等）上访问，那就太好了。

HTML是这里的解决方案吗？最佳做法是什么？有什么建议吗？

不久前，我通过与谷歌地图集成构建了一些非常相似的东西。我从数据库中提取地址，使用地理编码工具进行转换，然后使用PHP/Javascript组合将数据输入Google地图（仅使用简单的foreach循环）并将代码粘贴在我的网站上。总而言之，这非常简单，因为谷歌处理了大部分应用程序。

IMO最困难的部分是验证地址并将其转换为地理编码。

如果您想走这条路线，这里有一些有用的链接：

谷歌地图集成文档（几乎包含你需要知道的一切）https://developers.google.com/maps/documentation/javascript/

使用谷歌进行地理编码（限制您每天 2500 次点击）https://developers.google.com/maps/documentation/geocoding/

其余的我会在stackoverflow中搜索。

希望这有助于为您指明正确的方向。