将MouseArea附加到Map后，如何点击GeoJSON建筑要素获取对应对象？

要实现点击地图上的建筑形状并获取对应的GeoJSON对象，不能仅通过MouseArea获取坐标，需要利用MapboxGL的要素查询API来实现，具体步骤如下：

1. 修改点击逻辑，添加要素查询 #

替换原MouseArea的点击处理代码，通过MapboxGL底层API查询点击位置对应的图层要素：

Map {
    id: map
    anchors.fill: parent
    plugin: Plugin {
        name: "mapboxgl"
        PluginParameter {
            name: "mapboxgl.access_token"
            value:"sk.eyJ1IjoiYWxub29yLXNjaG9vbCIsImEiOiJjbGF1cmd0YTEwOWNoM3ByNjdxaW0yZXZiIn0.-RGpdTPTSBqrUGc65oLPNQ"
        }
    }

    MouseArea {
        acceptedButtons: Qt.LeftButton
        anchors.fill: parent
        onClicked: {
            mouse.accepted = true
            // 获取点击的屏幕坐标
            const screenPoint = Qt.point(mouse.x, mouse.y)
            // 获取MapboxGL底层地图实例
            const mapboxMap = map.plugin.getMapboxMap()
            
            if (mapboxMap) {
                // 查询指定图层中点击位置的要素
                const features = mapboxMap.queryRenderedFeatures(screenPoint, {
                    layers: ["buildinLayer"] // 与你定义的图层名称保持一致
                })
                
                if (features.length > 0) {
                    // 取最上层匹配的建筑要素
                    const clickedBuilding = features[0]
                    console.log("点击的建筑GeoJSON数据:", JSON.stringify(clickedBuilding))
                    // 可直接访问属性，例如：clickedBuilding.properties.buildingName
                } else {
                    console.log("未点击到任何建筑")
                }
            }
        }
    }

    // 数据源与图层定义
    DynamicParameter  {
        type: "source"
        property var name: "buildingSource"
        property var sourceType: "geojson"
        property var data: ":building.json"
    }

    DynamicParameter  {
        type: "layer"
        property var name: "buildinLayer"
        property var layerType: "fill"
        property var source: "buildingSource"
        property var interactive: true // 确保图层允许交互查询
    }

    DynamicParameter  {
        type: "paint"
        property var layer: "buildinLayer"
        property var fillColor: "#bbb"
    }
}

2. 关键说明 #

• getMapboxMap(): 通过Qt Location的MapboxGL插件获取底层地图实例，调用原生Mapbox GL查询接口。
• queryRenderedFeatures(): Mapbox GL核心查询API，根据屏幕坐标筛选指定图层的渲染要素，确保只返回建筑图层的数据。
• 图层交互性: 显式设置interactive: true，确保图层参与交互查询（部分版本默认开启，显式设置更稳妥）。
• 要素数据: 查询返回的features数组中，每个元素是完整的GeoJSON对象，包含properties（属性信息）、geometry（几何形状）等字段，可直接提取所需详情。

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