Javascript cytoscape js的可缩放背景

我们现在正在为一个项目绘制图表。这张图表应该显示一个城市的所有十字路口。以及他们之间的大多数方式。我们开始使用cytoscape.js绘制图形。现在我们需要一个背景图。此背景将是该城市的地图，因此它必须可滚动并位于正确的位置

我们的第一个想法是制作一个矩形节点并给它一个背景。然后我们添加了地图并设置了正确的坐标。现在地图可以滚动，并且始终处于正确的位置。这给了我们两个问题。首先，图形无法再平移，因为当您尝试平移时，您将尝试选择基础节点。我们使用cytograh panzoom插件修复了这个问题

第二个问题是，边缘不再可单击，因为背景节点现在正在覆盖它们，并且似乎不可能将边缘置于顶部

问题是：

有没有更好的图库来绘制这样的图形

如果没有，是否可以使用cytoscape在节点顶部绘制边

cytoscape还有其他方法可以做到这一点吗

---

亲切问候

您可以收听

视口

事件，并为您的cy div更新CSS中背景图像集的

背景位置

和

背景大小

属性

---

或者代替背景图像，您可以使用一个单独的div，其中的图像使用CSS转换，而不是

background-*

properties。

我害怕这样的答案。但我认为值得一试。谢谢