如何将mxGraph鼠标悬停和其他事件添加到Google Map示例中？

Question

mxgraph Google地图example（和demo）显示了创建Google Map叠加层的简单实现。

我设法添加了一些georeferenced mxGraph顶点，但是现在我无法与它们交互。

如何将mxGraph事件（例如工具提示）添加到添加的顶点？

我从hovericons示例中复制了graph.addMouseListener()实现，但是从未调用事件函数。

Answer 1

我已经放弃尝试整合mxGraph和Google Maps的工作。 Google Map组件不是mxGraph组件，并且不会传递事件。

mxGraph与所有其他示例一样，是用于精细编辑本机组件的，但是对于地图集成，我发现leaflet.js更加易于使用：

• 所有坐标均为native GPS latitude/longitude
• 支持custom map markers，
• custom popups（请参见下面的代码片段）
• drag and drop of markers等

    var shelter1 = L.marker([55.0, 11.74644]).addTo(map);
    shelter1.bindPopup("<img src='" + picURL2 + "'/>").openPopup();