标签: vuelayers

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

我正在使用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提到的事件。

javascript geoserver openlayers vue.js vuelayers

7
推荐指数
1
解决办法
336
查看次数

标签 统计

geoserver ×1

javascript ×1

openlayers ×1

vue.js ×1

vuelayers ×1