Skip to content

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图层idstring-
layer-name图层名称string-
layer-style图层样式string-
tile-matrix-set-i-d-string-
tile-size瓦片大小number256
urlWMTS server 地址string-
format图片格式stringimage/png
maxzoom最大缩放级别number22
minzoom最小缩放级别number0
show是否显示booleantrue
subdomainsurl中子域名string / string[] / number[]-
tile-matrix-prefixtileMatrix前缀string-
extra-paramsurl上添加的额外参数string-

EVENTS

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

SLOTS

名称描述

METHODS

名称描述定义