Qt应用中如何在pressAndHold事件下实现地图拖拽移动并保留经纬度显示？

我明白你的困扰：当你用MouseArea拦截点击事件来显示经纬度时，地图默认的拖拽移动功能被覆盖了。我们可以通过在MouseArea中区分普通点击和长按拖拽两种场景，来同时实现两个功能。

核心思路 #

1. 用一个布尔变量标记是否处于拖拽状态
2. 长按（pressAndHold）触发后进入拖拽模式，此时鼠标移动会带动地图偏移
3. 普通点击（非拖拽状态下的释放）才更新经纬度到LineEdit
4. 释放鼠标时重置拖拽状态

修改后的places_map.qml代码 #

import QtQuick 2.0
import QtLocation 5.6
import QtPositioning 5.6

Rectangle {
    id: rect
    Plugin {
        id: mapPlugin
        name: "osm" // "mapboxgl", "esri", ...
    }

    Map {
        id: map
        anchors.fill: parent
        plugin: mapPlugin
        center: QtPositioning.coordinate(59.91, 10.75) // Oslo
        zoomLevel: 14
    }

    MouseArea{
        anchors.fill: parent
        // 标记是否处于拖拽状态
        property bool isDragging: false
        // 记录长按触发时的初始鼠标位置和地图中心
        property point initialMousePos
        property coordinate initialMapCenter

        // 长按触发，进入拖拽模式
        onPressAndHold: {
            isDragging = true
            initialMousePos = Qt.point(mouse.x, mouse.y)
            initialMapCenter = map.center
        }

        // 鼠标移动时，如果处于拖拽状态，更新地图中心
        onPositionChanged: {
            if (isDragging) {
                // 计算鼠标移动的偏移量
                var deltaX = mouse.x - initialMousePos.x
                var deltaY = mouse.y - initialMousePos.y
                // 将像素偏移转换为地图坐标偏移
                var deltaCoord = map.toCoordinate(Qt.point(initialMousePos.x + deltaX, initialMousePos.y + deltaY))
                    .distanceTo(map.toCoordinate(initialMousePos))
                // 根据地图方向计算偏移（OSM默认正北向上，Y轴偏移对应纬度，X对应经度）
                var newCenter = QtPositioning.coordinate(
                    initialMapCenter.latitude - (deltaY / map.height) * 2 * deltaCoord,
                    initialMapCenter.longitude + (deltaX / map.width) * 2 * deltaCoord
                )
                map.center = newCenter
            }
        }

        // 鼠标释放时，重置拖拽状态；如果不是拖拽，就更新经纬度
        onReleased: {
            if (!isDragging) {
                // 普通点击，显示经纬度
                lineEdit.text = map.toCoordinate(Qt.point(mouse.x, mouse.y)).toString()
            }
            isDragging = false
        }

        // 阻止拖拽时事件传递到地图，避免冲突
        onMouseEventsChanged: {
            if (isDragging) {
                mouse.accepted = true
            }
        }
    }
}

关键改动说明 #

• isDragging变量：用来区分当前是拖拽操作还是普通点击，避免拖拽结束后误触发经纬度显示
• pressAndHold事件：触发时记录初始的鼠标位置和地图中心，为后续拖拽计算偏移做准备
• positionChanged事件：拖拽过程中，将鼠标的像素偏移转换为地图坐标的偏移，实时更新地图中心
• released事件：只有在非拖拽状态下才更新LineEdit的内容，确保点击操作正常显示经纬度

mainwindow.cpp无需修改 #

你的C++代码已经正确将lineEdit暴露给QML上下文，不需要做任何改动。

这样修改后，你既可以通过点击地图任意位置显示对应经纬度，也可以长按鼠标后拖拽地图进行移动，两个功能完美共存。

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