Skip to content

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图层idstring-
urlserver 地址string-
maxzoom最大缩放级别number22
minzoom最小缩放级别number0
show是否显示booleantrue
scheme数据源切片方案string: "xyz", "tms"xyz
subdomainsurl中子域名string / string[] / number[]-
extend-source额外的source参数,例如{rasterSource: 'iserver'}IndexAny{}

EVENTS

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

SLOTS

名称描述

METHODS

名称描述定义