在qml中用户单击的地图上放置一个圆圈

import QtQuick 2.0
import QtLocation 5.12

Item {
    id: mapCircle

    property real latitude: 0.0 // 圆圈中心点的纬度
    property real longitude: 0.0 // 圆圈中心点的经度
    property real radius: 1000 // 圆圈的半径，单位为米

    MapCircle {
        center {
            latitude: mapCircle.latitude
            longitude: mapCircle.longitude
        }
        radius: mapCircle.radius
        color: "blue"
    }
}

import QtQuick 2.0
import QtLocation 5.12

Item {
    id: root

    Map {
        id: map
        anchors.fill: parent
        plugin: Plugin {
            name: "osm"
        }
        center {
            latitude: 0.0
            longitude: 0.0
        }
        zoomLevel: 10

        MouseArea {
            anchors.fill: parent
            onClicked: {
                var mouseCoordinate = map.toCoordinate(Qt.point(mouse.x, mouse.y))
                var mapCircleComponent = Qt.createComponent("MapCircle.qml")
                if (mapCircleComponent.status === Component.Ready) {
                    var mapCircleObject = mapCircleComponent.createObject(map, {
                        "latitude": mouseCoordinate.latitude,
                        "longitude": mouseCoordinate.longitude
                    })
                }
            }
        }
    }
}