如何使用 Vuelayers 与 GeoServer 提供的 WMS 切片图层交互？

Question

我正在使用Vuelayers库开发 Web 地图应用程序，该库是具有 OpenLayers功能的Web 地图 Vue 组件。

我的模板中有以下代码：

<vl-map @singleclick="hideOverlay" @postcompose="onMapPostCompose"

 :load-tiles-while-animating="true" ref="map"

:load-tiles-while-interacting="true" data-projection="EPSG:4326"

style="height: 900px" @mounted="onMapMounted">

 ....

  <component v-for="layer in layers" :ref="layer.id" overlay

    :is="layer.cmp"

    :key="layer.id" v-bind="layer">

        <component :is="layer.source.cmp" v-if="layer.visible" v-bind="layer.source">

        </component>

    </component>

     ....

</vl-map>

在数据对象中，我具有以下属性：

     layers: [

            {

                id: 'sections',

                title: 'Sections',

                cmp: 'vl-layer-tile',

                visible: true,

                source: {

                    cmp: 'vl-source-wms',

                    url: 'http://localhost:8080/geoserver/sager/wms',

                    layers: 'sections',

                    tiled: true,

                    format: 'image/png',

                    serverType: 'geoserver',

                },

            },

     ....

    ]

那么当我点击它时如何获得图层属性呢？知道vl-tile-layer没有这里@click提到的事件。