QT QML地图中地理坐标转像素计算两点直线距离的实现问题

Qt Location 提供了原生的坐标转换方法，直接调用Map组件的内置API即可完成地理坐标到屏幕像素的转换，具体实现逻辑如下：

核心转换方法 #

Map组件内置fromCoordinate()接口，可直接将coordinate类型的经纬度坐标，转换为相对于Map控件左上角的屏幕像素坐标，返回值为QPointF类型。

具体实现步骤 #

• 先给你的Map组件设置一个id，方便后续调用接口，例如：

Map {
    id: mapView
    // 其他地图配置项
}

• 转换两个点的经纬度为像素坐标，再计算像素距离和连线角度（两点不一定水平，需要旋转Rectangle保证连线对齐）：

MapQuickItem {
    anchorPoint.x: 0
    anchorPoint.y: 0
    coordinate: QtPositioning.coordinate(A.lat, A.lon) // 锚定在A点的地理坐标
    sourceItem: Rectangle {
        id: lineRect
        color: "red"
        height: 1
        // 绑定属性，地图缩放、平移时自动更新
        property var pointA: mapView.fromCoordinate(QtPositioning.coordinate(A.lat, A.lon))
        property var pointB: mapView.fromCoordinate(QtPositioning.coordinate(B.lat, B.lon))
        width: Math.hypot(pointB.x - pointA.x, pointB.y - pointA.y) // 两点像素直线距离
        rotation: Math.atan2(pointB.y - pointA.y, pointB.x - pointA.x) * 180 / Math.PI // 计算旋转角度，弧度转角度
    }
}

注意事项 #

• 经纬度坐标的参数顺序为（纬度、经度），不要写反，否则会出现坐标转换错误
• 上述代码用属性绑定实现了自动更新，当地图缩放、平移时，连线的长度和角度会自动适配，不需要手动触发更新
• 如果连线需要支持不同粗细，直接修改Rectangle的height属性即可，不需要调整其他逻辑

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