首页 / MapLibre / 使用示例
栅格瓦片
一张张正射或扫描瓦片直接铺在画布上,配一个透明度滑块与明暗切换, 就能验证瓦片地址、尺寸与跨域是否都对。
源码与运行效果
说明
瓦片服务出的是 256 像素的 PNG,源里必须写
tileSize: 256。默认值 512 是为高清瓦片准备的,
两者混用时画面会出现规律性空隙或重复覆盖。
深浅两套瓦片只有路径不同,切换时调用 setTiles
换模板,source 与图层都保持原样,因此透明度、淡入参数不会丢。
| 配置 | 取值 | 说明 |
|---|---|---|
tileSize | 256 | 与服务端瓦片像素一致 |
maxzoom | 19 | 超过后放大低级别瓦片 |
raster-opacity | 0–1 | 滑块实时修改 |
raster-fade-duration | 120 | 瓦片切换的淡入时长,毫秒 |
attribution | OSM / CARTO | 右下角版权信息 |
栅格瓦片没有属性,也没有矢量几何,交互只能靠点击后的像素查询。
需要在要素级别做高亮时,应改用矢量瓦片配合 feature-state。
瓦片请求成功但画面空白,多半是跨域头缺失导致纹理无法上传。
打开控制台看 Access-Control-Allow-Origin 的报错,比反复调样式快。