Как в QML сочетать Map и MouseArea

Map

Рекомендуємо хостинг TIMEWEB

Стабільний хостинг, на якому розміщується соціальна мережа EVILEG. Для проектів на Django радимо VDS хостинг.

Возможно вам поможет свойство propagateComposedEvents, оно позволяет передавать события мыши ниже по уровню.

Сделал так, не момогло. В документации говорится, что это работает только для MouseArea.

        Map {
                id: mapview
                anchors.fill: parent
                plugin: plugin
                center: QtPositioning.coordinate(59.91, 10.75)
                zoomLevel: 14

                MapItemView{
                    model: markerModel
                    delegate: mapcomponent
                }
            }

        Component {
                id: mapcomponent
                MapQuickItem {
                    id: marker
                    anchorPoint.x: image.width/4
                    anchorPoint.y: image.height
                    coordinate: position

                    sourceItem: Image {
                        id: image
                        source: "qrc:/Images/Images/markerRed.png"
                    }
                }
            }

            MouseArea {
                anchors.fill: parent
                propagateComposedEvents: true
                onPressAndHold:  {
                    var coordinate = mapview.toCoordinate(Qt.point(mouse.x,mouse.y))
                    markerModel.addMarker(coordinate)
                }
            }

Вот так работает

        Map {
                id: mapview
                anchors.fill: parent
                plugin: plugin
                center: QtPositioning.coordinate(59.91, 10.75)
                zoomLevel: 14

                MapItemView{
                    model: markerModel
                    delegate: mapcomponent
                }

                MouseArea {
                    anchors.fill: parent
                    onPressAndHold:  {
                        var coordinate = mapview.toCoordinate(Qt.point(mouse.x,mouse.y))
                        markerModel.addMarker(coordinate)
                    }
                }
            }

        Component {
                id: mapcomponent
                MapQuickItem {
                    id: marker
                    anchorPoint.x: image.width/4
                    anchorPoint.y: image.height
                    coordinate: position

                    sourceItem: Image {
                        id: image
                        source: "qrc:/Images/Images/markerRed.png"
                    }
                }
            }