Skip to content

vTileLayer 瓦片图层

自定义瓦片图层组件。

基础用法

vue
<script setup>
import { vMap, vTileLayer } from '@twi1i9ht/visual-lib'
</script>

<template>
  <vMap :center-lat="39.9" :center-lng="116.4" :zoom="12">
    <vTileLayer
      url="https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png"
      attribution="&copy; CartoDB"
    />
  </vMap>
</template>

Props

属性类型默认值说明
urlstring瓦片 URL 模板
attributionstring版权信息
minZoomnumber0最小缩放级别
maxZoomnumber18最大缩放级别
opacitynumber1透明度
zIndexnumber层级
subdomainsstring | string[]'abc'子域名

Released under the MIT License.