Url模板图层(UrlTemplateLayer)
示例
示例源码
vue
<template>
<div style="height: 400px" class="vw-full vh-full">
<mb-map :zoom="2">
<mb-url-template-layer
url="https://api.maptiler.com/tiles/satellite/{z}/{x}/{y}.jpg?key=XjFmKoe10YKDATQf4ZYg"
/>
</mb-map>
</div>
</template>
<script lang="ts" setup></script>
API
PROPS
名称 | 描述 | 类型 | 默认值 |
---|---|---|---|
id | 图层id | string | - |
url | server 地址 | string | - |
maxzoom | 最大缩放级别 | number | 22 |
minzoom | 最小缩放级别 | number | 0 |
show | 是否显示 | boolean | true |
scheme | 数据源切片方案 | string: "xyz", "tms" | xyz |
subdomains | url中子域名 | string / string[] / number[] | - |
extend-source | 额外的source参数,例如{rasterSource: 'iserver'} | IndexAny | {} |
EVENTS
名称 | 描述 | 参数 |
---|---|---|
created | 地图初始化完成事件 | - |
SLOTS
名称 | 描述 |
---|
METHODS
名称 | 描述 | 定义 |
---|