QML Map Widget中不同图标标记添加异常问题求助

错误原因 #

1. 仅最新标记保留：你大概率是用单个变量存储标记对象，每次点击地图时直接替换这个变量，旧标记被销毁，自然只剩最新的一个。
2. 切换Tab改变所有标记图标：把Loader放到MapQuickItem后，所有标记的Loader都绑定了TabBar的当前索引——这个是全局状态，切换Tab时所有绑定的Loader都会同步更新，导致所有图标跟着改变。

正确实现方式 #

核心思路 #

每个标记需要独立存储创建时的Tab索引（对应图标类型）和位置坐标，用列表容器管理所有标记，渲染时根据每个标记自身存储的类型加载对应图标，而非绑定Tab的实时状态。

具体代码逻辑 #

1. 用ListModel存储所有标记数据，每个条目包含坐标和图标类型：

ListModel {
    id: markerModel
}

2. 点击地图时，将当前Tab索引和点击坐标存入模型：

Map {
    id: osmMap
    plugin: osmPlugin
    onClicked: {
        markerModel.append({
            "coordinate": mouse.position,
            "iconType": tabBar.currentIndex
        })
    }
}

3. 用Repeater遍历模型，为每个标记生成独立的MapQuickItem，根据存储的iconType显示对应图标：

Repeater {
    model: markerModel
    delegate: MapQuickItem {
        coordinate: model.coordinate
        anchorPoint.x: iconItem.width / 2
        anchorPoint.y: iconItem.height / 2

        Item {
            id: iconItem
            Rectangle {
                visible: model.iconType === 0
                width: 30
                height: 30
                color: "blue"
            }
            Ellipse {
                visible: model.iconType === 1
                width: 30
                height: 30
                color: "red"
            }
        }
    }
}

如果想用Loader实现，先定义对应图标组件，再根据iconType绑定：

Component { id: blueRectComp; Rectangle { width:30; height:30; color:"blue" } }
Component { id: redCircleComp; Ellipse { width:30; height:30; color:"red" } }

// Repeater的delegate内：
Loader {
    sourceComponent: model.iconType === 0 ? blueRectComp : redCircleComp
}

交互逻辑误解 #

你的需求是点击时的Tab索引决定标记图标，但之前的实现把图标绑定到了Tab的实时状态，相当于“后续切换Tab会修改已有标记的图标”，这和需求中“所有标记持续显示对应图标”的要求不符——核心误解是把「创建标记时的选择」当成了「标记图标随Tab实时同步」。

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