VWfsSource

VWfsSource：Web Feature Service (WFS) 数据源，用于请求和获取基于地理要素的数据。WFS 提供了对地理要素数据的直接访问和操作能力。

• Web功能服务（WFS）
• GeoServer WFS
• OGC WFS

基础用法

使用 WFS 源加载要素数据，并通过图层展示：

wfs-source.vue

<script lang="ts" setup>
import type { GeoSourceSetDataEvent } from '@movk-repo/mapbox'
import { VFillLayer, VLineLayer, VMapbox, VUIControl, VWfsSource } from '@movk-repo/mapbox'

const accessToken = import.meta.env.VITE_MAPBOX_ACCESS_TOKEN

const url = 'https://geobretagne.fr/geoserver/ows'
const typeNames = 'insee:aire_urbaine_bretagne'

const visible = ref(true)

function setData({ map, bounds }: GeoSourceSetDataEvent) {
  map.fitBounds(bounds, { padding: 80, duration: 1000 })
}
</script>

<template>
  <VMapbox type="streets-v12" :access-token="accessToken" :zoom="2" projection="mercator">
    <VWfsSource :url="url" :type-names="typeNames" @set-data="setData">
      <VFillLayer :paint="{ 'fill-color': '#edab5b', 'fill-opacity': 0.8 }" :visible="visible" />
      <VLineLayer :paint="{ 'line-color': '#ffffff', 'line-width': 1 }" :visible="visible" />
    </VWfsSource>
    <VUIControl>
      <ElSwitch v-model="visible" size="small" active-text="显示" inactive-text="隐藏" />
    </VUIControl>
  </VMapbox>
</template>

隐藏源代码

Api

wfsSourceProps

属性名	说明	类型	默认值
继承属性	geoSourceProps	-	-
url	服务地址	string	必填
typeNames	要素类型名称	string	必填
version	服务版本	string	2.0.0
count	返回要素数量限制	number	-
bbox	地图范围边界框（minx,miny,maxx,maxy）	string	-
propertyName	查询属性名称列表（逗号分隔）	string	-
sortBy	结果排序字段	string	-
srsName	空间参考系统	string	EPSG:4326
featureId	要素ID	string	-
outputFormat	输出格式	string	application/json
storedQuery_id	存储查询ID（WFS 2.0.0 特有）	string	-
wfsFilter	过滤条件	string	-
startIndex	起始索引	number	-
customParams	自定义参数	object	-
defaultOptions	配置选项（覆盖同名属性）	object	-

wfsSourceEmits

事件名	说明	回调参数
继承事件	geoSourceEmits	-

类型定义

WfsRequestType

type WfsRequestType = 'GetCapabilities' | 'DescribeFeatureType' | 'GetFeature' | 'GetPropertyValue' | 'ListStoredQueries' | 'DescribeStoredQueries'

WfsSourceSpecification

interface WfsSourceSpecification {
  service?: 'WFS'
  version?: string
  request?: WfsRequestType
  url?: string
  typeNames?: string
  count?: number
  startIndex?: number
  bbox?: string
  propertyName?: string
  sortBy?: string
  srsName?: string
  featureId?: string
  outputFormat?: string
  storedQuery_id?: string
  wfsFilter?: string
  customParams?: Record<string, any>
}