WMTS图层(WMTSLayer)
WMTS类型图层,查看 WMTS标准
示例
示例源码
vue
<template>
<div style="height: 400px" class="vw-full vh-full">
<mb-map>
<mb-wmts-layer
url="http://t{s}.tianditu.gov.cn/img_w/wmts?tk=b8ed92ff9b64aebcb0110acca15e478f"
layer-name="img"
layer-style="default"
tile-matrimb-set-i-d="w"
subdomains="01234567"
:maxzoom="18"
/>
</mb-map>
</div>
</template>
<script setup lang="ts"></script>API
PROPS
| 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| id | 图层id | string | - |
| layer-name | 图层名称 | string | - |
| layer-style | 图层样式 | string | - |
| tile-matrix-set-i-d | - | string | - |
| tile-size | 瓦片大小 | number | 256 |
| url | WMTS server 地址 | string | - |
| format | 图片格式 | string | image/png |
| maxzoom | 最大缩放级别 | number | 22 |
| minzoom | 最小缩放级别 | number | 0 |
| show | 是否显示 | boolean | true |
| subdomains | url中子域名 | string / string[] / number[] | - |
| tile-matrix-prefix | tileMatrix前缀 | string | - |
| extra-params | url上添加的额外参数 | string | - |
EVENTS
| 名称 | 描述 | 参数 |
|---|---|---|
| created | 地图初始化完成事件 | - |
SLOTS
| 名称 | 描述 |
|---|
METHODS
| 名称 | 描述 | 定义 |
|---|
