如何将MouseEvent坐标转换为GraphStream元素坐标查询最近图元

核心方法 #

GraphStream 视图组件内置了坐标系转换能力，无需手动计算窗口像素和图空间坐标的映射关系，直接调用View类提供的transformPxToGu(double px, double py)方法即可：

• 入参是MouseEvent返回的窗口像素x、y值
• 返回值是长度为2的double数组，第一个元素是对应图空间的x坐标（即存储的经度值），第二个元素是对应图空间的y坐标（即存储的纬度值）
• 方法名里的Px指代像素坐标，Gu指代Graph Unit，也就是给图元设置的业务坐标单位，和GraphicElement返回的x、y坐标系完全一致。

代码实现 #

针对查找最近节点的需求，完整实现逻辑如下：

@Override
public void mouseReleased(MouseEvent e) {
    super.mouseReleased(e);
    // 第一步：将点击的像素坐标转换为经纬度坐标
    double[] clickGeoCoords = view.transformPxToGu(e.getX(), e.getY());
    double clickLon = clickGeoCoords[0];
    double clickLat = clickGeoCoords[1];

    // 优先判断是否直接点击到了节点/精灵
    GraphicElement hitElement = view.findNodeOrSpriteAt(e.getX(), e.getY());
    if (hitElement != null) {
        System.out.printf("直接命中节点%s，节点经纬度(%.6f,%.6f)，点击转换后经纬度(%.6f,%.6f)%n",
                hitElement.getLabel(),
                hitElement.getX(), hitElement.getY(),
                clickLon, clickLat);
        return;
    }

    // 未直接命中时，遍历所有节点计算距离，找到最近的节点
    GraphicNode closestNode = null;
    double minDist = Double.MAX_VALUE;
    for (Node node : graph.getEachNode()) {
        double nodeLon = (double) node.getAttribute("x");
        double nodeLat = (double) node.getAttribute("y");
        // 坐标已经统一为经纬度，直接算欧氏距离即可
        double dist = Math.hypot(clickLon - nodeLon, clickLat - nodeLat);
        if (dist < minDist) {
            minDist = dist;
            closestNode = (GraphicNode) node;
        }
    }

    if (closestNode != null) {
        System.out.printf("距离点击位置最近的节点为%s，坐标差为%.6f%n",
                closestNode.getLabel(), minDist);
    }
}

注意事项 #

• 不要手动硬编码坐标系换算比例。视图缩放、拖拽平移、窗口大小调整都会改变两个坐标系的映射关系，内置转换方法会自动适配所有视图状态，不会出现坐标偏移问题。
• 如果需要反向转换（把经纬度坐标转成窗口像素坐标，用于自定义绘制标注等场景），调用同属于View类的transformGuToPx(double guX, double guY)方法即可。

内容的提问来源于stack exchange，提问作者Kfir Ettinger