使用什么语言动态创建地图

Question

我想动态创建地图并在网站上显示。您可以将其称为图形而不是地图。在这里，我从数据库中获取源和目标。一个目标可以有多个源，或者一个源可以有多个目标，或者两者都有。也可以有许多其他位置指向/来自源/目的地。源和目的地将永远存在。但其他位置是可选的。所以例如路线可以是

L1 --> L2 --> 源 --> 目的地 --> L3 --> L4。 其中 L1-L4 是位置（可选）

我想在网站上以图表的方式描述这一点。用户应该能够单击每个位置/路径（如上面的箭头线所示）并且应该打开一个弹出窗口。在弹出窗口中可以进行一些数据编辑。还必须沿路径（箭头线）显示一些数据。基本上所有的 HTML、JS 功能都应该适用于这个图表。

有人可以建议我使用哪种语言吗？

我查看了一些地图 API。但他们希望出现某种预加载的图像。在我的情况下这是不可能的。

我正在开发的网站类似于任何机票信息网站，我们在该网站上选择多个城市并针对不同航空公司获得不同的费率。我想用代表位置的节点和代表路径的线以图形方式显示这一点，并且应该显示沿路径的速率和类似的东西。

任何指针将不胜感激。

谢谢

Answer 1

您的一些选项是：SVG、HTML Canvas 或 HTML+CSS。鉴于您希望跟踪每个对象的事件，我会排除 HTML Canvas：将事件绑定到保留的绘图系统中的对象比基于鼠标位置手动处理事件要容易得多。

我建议使用 SVG（如果您可以将自己限制为支持它的浏览器）或像 Raphaël 这样的绘图 API 来抽象对 IE 的 SVG 和 VML 的支持。与使用 HTML div 加背景相比，您在绘图和点击检测方面将拥有更大的灵活性。

虽然我没有使用过，但 Google 发现 Joint 库（使用 Raphaël）比绘图级别更高的抽象。也许这可以满足您的需求。

Answer 2

如果我对您的理解正确，听起来 google maps api 会为您工作： 你可以在这里找到更多信息。 here

此外，您可能会发现this 信息很有用。