# WebMapServiceImageryProvider
vc-provider-imagery-wms
组件用于加载 Web Map Service (WMS) 影像服务图层。
# 示例
# 加载 WMS 影像服务图层
# 预览
alpha brightness contrast
收起
<template>
<div class="viewer">
<vc-viewer @ready="ready">
<vc-layer-imagery ref="wms" :alpha="alpha" :brightness="brightness" :contrast="contrast">
<vc-provider-imagery-wms :url="url" :layers="layers" :parameters="parameters"></vc-provider-imagery-wms>
</vc-layer-imagery>
</vc-viewer>
<div class="demo-tool">
<span>alpha</span>
<el-slider v-model="alpha" :min="0" :max="1" :step="0.01"></el-slider>
<span>brightness</span>
<el-slider v-model="brightness" :min="0" :max="3" :step="0.01"></el-slider>
<span>contrast</span>
<el-slider v-model="contrast" :min="0" :max="3" :step="0.01"></el-slider>
</div>
</div>
</template>
<script>
export default {
data() {
return {
url: 'https://nationalmap.gov.au/proxy/http://geoserver.nationalmap.nicta.com.au/geotopo_250k/ows',
layers: 'Hydrography:bores',
parameters: {
transparent: true,
format: 'image/png'
},
alpha: 1,
brightness: 1,
contrast: 1
}
},
mounted() {
this.$refs.wms.createPromise.then(({ Cesium, viewer, cesiumObject }) => {
viewer.camera.setView({
destination: Cesium.Rectangle.fromDegrees(114.591, -45.837, 148.97, -5.73)
})
})
},
methods: {
ready(cesiumInstance) {
const { Cesium, viewer } = cesiumInstance
this.cesiumInstance = cesiumInstance
}
}
}
</script>
# 属性
属性名 | 类型 | 默认值 | 描述 |
---|---|---|---|
url | String|Object | required 指定 WMS 服务地址。 | |
layers | String | required 指定服务图层,多个图层用","隔开。 | |
parameters | Object | optional 在 GetMap URL 中传递给 WMS 服务器的其他参数。 | |
getFeatureInfoParameters | Object | optional 在 GetFeatureInfo URL 中传递给 WMS 服务器的其他参数。 | |
enablePickFeatures | Boolean | true | optional 指定是否支持拾取对象,通过 GetFeatureInfo 获取,需要服务支持。 |
getFeatureInfoFormats | Array | optional 指定 WMS GetFeatureInfo 请求的格式。 | |
rectangle | Object | optional 指定 WMS 图层矩形范围。 结构:{ west: number, south: number, east: number, north: number } | |
tilingScheme | Object | optional 指定 WMS 服务瓦片投影参数。 | |
ellipsoid | Object | optional 指定 WMS 服务椭球体参数,如果指定了 tilingScheme 此属性无效。 | |
tileWidth | Number | 256 | optional 指定像元宽度。 |
tileHeight | Number | 256 | optional 指定像元高度。 |
minimumLevel | Number | 0 | optional 指定图层可以显示的最小层级。 |
maximumLevel | Number | optional 指定图层可以显示的最大层级,undefined 表示没有限制。 | |
crs | String | optional 指定 CRS 规范,用于 WMS 规范> = 1.3.0。 | |
srs | String | optional 指定 SRS 规范,用于 WMS 规范 1.1.0 或 1.1.1 | |
credit | Credit| String | optional 指定服务描述信息。 | |
subdomains | String| Array | 'abc' | optional 指定服务子域 。 |
clock | Object | optional 确定时间维度的值时使用的Clock实例。 当指定options.times时是必需的。 | |
times | Object | optional TimeIntervalCollection及其数据属性是一个包含时间动态维度及其值的对象。 |
# 事件
事件名 | 参数 | 描述 |
---|---|---|
ready | {Cesium, viewer, cesiumObject} | 该组件渲染完毕时触发,返回 Cesium 类, viewer 实例,以及当前组件的 cesiumObject。 |
errorEvent | TileProviderError | 当图层提供者发生异步错误时触发, 返回一个 TileProviderError 实例。 |
readyPromise | ImageryProvider | 当图层提供者可用时触发, 返回 ImageryProvider 实例。 |
← UrlTemplate影像 WMTS影像 →