嗨，我来帮你搞定这个基于Qt的地图交互式图钉功能！刚好之前做过类似需求，给你拆解下实现步骤和代码示例，直接就能复用：

我们会用QML的ListModel管理图钉数据，结合Map和MapQuickItem渲染图钉，再通过对话框、鼠标事件实现添加逻辑，全程用QML为主（适配你用QtQuickWidget的场景）。

1. 基础地图与图钉数据准备 #

首先定义存储图钉的模型，再渲染地图和动态生成图钉：

import QtQuick 2.15
import QtLocation 5.15
import QtQuick.Controls 2.15

Item {
    anchors.fill: parent

    // OSM地图插件
    Plugin {
        id: mapPlugin
        name: "osm"
    }

    // 存储图钉数据：坐标+名称
    ListModel {
        id: pinModel
        // 示例数据
        ListElement { latitude: 39.9042; longitude: 116.4074; name: "北京" }
    }

    Map {
        id: map
        anchors.fill: parent
        plugin: mapPlugin
        center: QtPositioning.coordinate(39.9042, 116.4074)
        zoomLevel: 10

        // 动态渲染所有图钉
        Repeater {
            model: pinModel
            MapQuickItem {
                coordinate: QtPositioning.coordinate(model.latitude, model.longitude)
                anchorPoint: Qt.point(image.width/2, image.height) // 让图钉底部对准坐标点
                sourceItem: Image {
                    id: image
                    source: "qrc:/images/pin_icon.png" // 替换成你的图钉图标（放资源文件里）
                    // 交互式效果：点击显示名称
                    MouseArea {
                        anchors.fill: parent
                        onClicked: {
                            nameTip.text = model.name
                            nameTip.visible = true
                            nameTip.x = mouseX - nameTip.width/2
                            nameTip.y = mouseY - nameTip.height - image.height
                        }
                    }
                }
            }
        }

        // 图钉名称提示框
        Text {
            id: nameTip
            visible: false
            color: "white"
            background: Rectangle { color: "#333"; radius: 4 }
            padding: 6
        }
    }

2. 按钮触发添加图钉功能 #

在界面底部加一个按钮，点击弹出表单输入名称，默认用当前地图中心作为图钉坐标：

// 添加图钉按钮
    Button {
        text: "添加新图钉"
        anchors.bottom: parent.bottom
        anchors.horizontalCenter: parent.horizontalCenter
        padding: 10
        onClicked: addPinDialog.open()
    }

    // 添加图钉的对话框
    Dialog {
        id: addPinDialog
        title: "添加地点"
        width: 320
        height: 160
        modal: true

        Column {
            spacing: 12
            anchors.centerIn: parent
            width: parent.width * 0.8

            TextField {
                id: pinNameInput
                placeholderText: "请输入地点名称"
                anchors.horizontalCenter: parent.horizontalCenter
            }

            Button {
                text: "确认添加"
                anchors.horizontalCenter: parent.horizontalCenter
                onClicked: {
                    if (pinNameInput.text.trim() !== "") {
                        pinModel.append({
                            latitude: map.center.latitude,
                            longitude: map.center.longitude,
                            name: pinNameInput.text.trim()
                        })
                        addPinDialog.close()
                        pinNameInput.text = ""
                    }
                }
            }
        }
    }

3. 长按地图添加图钉功能 #

给地图绑定长按事件，把鼠标位置转换成地图坐标，再弹出表单输入名称：

// 地图长按监听
    MouseArea {
        anchors.fill: map
        // 长按500ms触发（可调整时长）
        onPressAndHold: {
            var targetCoord = map.toCoordinate(Qt.point(mouseX, mouseY))
            longPressAddDialog.targetCoord = targetCoord
            longPressAddDialog.open()
        }
    }

    // 长按添加的对话框
    Dialog {
        id: longPressAddDialog
        title: "标记该地点"
        width: 320
        height: 160
        modal: true

        property variant targetCoord: QtPositioning.coordinate()

        Column {
            spacing: 12
            anchors.centerIn: parent
            width: parent.width * 0.8

            TextField {
                id: longPressNameInput
                placeholderText: "请输入地点名称"
                anchors.horizontalCenter: parent.horizontalCenter
            }

            Button {
                text: "确认添加"
                anchors.horizontalCenter: parent.horizontalCenter
                onClicked: {
                    if (longPressNameInput.text.trim() !== "" && targetCoord.isValid()) {
                        pinModel.append({
                            latitude: targetCoord.latitude,
                            longitude: targetCoord.longitude,
                            name: longPressNameInput.text.trim()
                        })
                        longPressAddDialog.close()
                        longPressNameInput.text = ""
                    }
                }
            }
        }
    }
}

• 确保Qt项目配置正确：在.pro文件里添加模块依赖：QT += positioning location quickwidgets
• 图钉图标建议放到Qt资源文件中，避免路径问题
• 如果需要和C交互（比如保存图钉数据到本地），可以把pinModel通过setContextProperty暴露给C，或者用Q_INVOKABLE方法调用

内容的提问来源于stack exchange，提问作者Ahmad M.