我正在使用Vuelayers库开发Web映射应用程序,该库是具有OpenLayers功能的Web map 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>
Run Code Online (Sandbox Code Playgroud)
在数据对象中,我具有以下属性:
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',
},
},
....
]
Run Code Online (Sandbox Code Playgroud)
那么,当我单击图层时如何获取图层属性?知道那vl-tile-layer没有这里@click提到的事件。