【QT】QT的学习：在qml的地图中如何让某一个图标随着鼠标拖动,并且中心点也会随之改变

最新推荐文章于 2025-02-26 15:04:10 发布

ipfpm

最新推荐文章于 2025-02-26 15:04:10 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： QT

本文链接：https://blog.youkuaiyun.com/ipfpm/article/details/83782985

QT 专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了在Qt中如何使用MapQuickItem实现地图标记的拖拽与点击交互功能。通过两种不同的实现方式，展示了如何使marker随鼠标位置变化而更新其坐标，包括直接在MapQuickItem中定义MouseArea和通过Image组件外置MouseArea的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(1)如果使用如下方式:

        MapQuickItem
        {
        id :item2
        z:1
        coordinate: QtPositioning.coordinate(52.5175, 13.384)
        sourceItem: Grid{Image {
            id: item2name
            source: "qrc:/heavyTruck.png"

        }}

        MouseArea
        {
            anchors.fill: parent
            drag.target: parent
            onClicked: {
                console.log("map item coor", item2.coordinate.latitude, item2.coordinate.longitude)
            }
        }

        }

可以指定该marker的MouseArea:拖拽以及鼠标的点击区域.marker随着鼠标的位置,对应的中心点coordinate改变.

如果使用下面的方式也可以:

        MapQuickItem
        {
        id :item1
        coordinate: QtPositioning.coordinate(52.5175, 13.384)
        sourceItem: Image {
            id: name
            source: "qrc:/selfMarker.png"
            MouseArea
            {
                anchors.fill: parent
                drag.target: item1
                onClicked: {
                    console.log("map item1 coor", item1.coordinate.latitude, item1.coordinate.longitude)
                }
            }
        }

        }

采用创建对象的方式:Qt.createComponent("XXXXXXItem.qml"),文件"XXXXXXItem.qml"里面是对MapQuickItem的定义.第一种方式回无效,只能采用第二种方式.