WMS图层（WMSLayer）

示例

示例源码

<template>
  <div style="height: 400px" class="vw-full vh-full">
    <mb-map :center="[-96.8005, 38.5111]" :zoom="3">
      <mb-wms-layer
        url="https://ahocevar.com/geoserver/wms"
        layers="topp:states"
        version="1.3.0"
        extra-params="CRS=EPSG:3857&TILED=true"
      />
    </mb-map>
  </div>
</template>

<script setup lang="ts">
// https://ahocevar.com/geoserver/wms?REQUEST=GetMap&SERVICE=WMS&VERSION=1.3.0&FORMAT=image%2Fpng&STYLES=&TRANSPARENT=true&LAYERS=topp%3Astates&TILED=true&WIDTH=256&HEIGHT=256&CRS=EPSG%3A3857&BBOX=-7514065.628545966%2C5009377.085697312%2C-6261721.357121638%2C6261721.35712164
</script>

API

PROPS

名称	描述	类型	默认值
id	图层id	string	-
layers	图层名称	string	-
layer-style	图层样式	string	-
tile-size	瓦片大小	number	256
height	图片高	number	256
width	图片宽	number	256
url	WMS server 地址	string	-
format	图片格式	string	image/png
maxzoom	最大缩放级别	number	22
minzoom	最小缩放级别	number	0
show	是否显示	boolean	true
subdomains	url中子域名	string / string[] / number[]	-
transparent	是否透明	boolean	true
version	版本	string	1.1.1
srs	坐标系	string	EPSG:3857
extra-params	url上添加的额外参数	string	-

EVENTS

名称	描述	参数
created	地图初始化完成事件	-

SLOTS

名称	描述

METHODS

名称	描述	定义