#header-mark#
Tile Layer
基础用法
API
属性
| 属性名 | 说明 | 类型 | 默认值 | 必填 | 备注 |
|---|---|---|---|---|---|
| url | tile 服务URL模板 | string | "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" | 是 | 需包含{z}/{x}/{y}占位符 |
| base | 是否作为底图 | boolean | false | 否 | - |
| name | 图层名称 | string | '' | 否 | - |
| min_zoom | 最小显示级别 | number | 0 | 否 | - |
| max_zoom | 最大显示级别 | number | 18 | 否 | - |
| max_native_zoom | tile 源最大原生级别 | number | null | 否 | - |
| min_native_zoom | tile 源最小原生级别 | number | null | 否 | - |
| bounds | 显示范围边界 [西南角,东北角] | [[number,number],[number,number]] | null | 否 | 经纬度坐标 |
| tile_size | tile 尺寸(像素) | number | 256 | 否 | - |
| attribution | 数据源属性说明 | string | '' | 否 | - |
| no_wrap | 是否禁止跨180度经线 | boolean | false | 否 | - |
| tms | 是否使用TMS tile坐标系 | boolean | false | 否 | 反转Y轴编号 |
| zoom_offset | tile URL缩放级别偏移 | number | 0 | 否 | - |
| show_loading | 是否显示加载指示器 | boolean | false | 否 | - |
| loading | tile 是否正在加载 | boolean | false | 否 | - |
| detect_retina | 是否检测Retina屏幕 | boolean | false | 否 | - |
| opacity | 图层透明度 | number | 1.0 | 否 | 0-1之间 |
| visible | 是否可见 | boolean | true | 否 | - |
事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| load | tile加载完成时触发 | - |
插槽
| 插槽名 | 说明 |
|---|---|
| - | - |
方法
| 方法名 | 说明 | 参数 | 返回值 |
|---|---|---|---|
| redraw | 强制重绘 | - | void |
src/examples/vleaflet/layers/TileLayer