feat: 新增 RasterTileLayer 栅格瓦片图层

[lvisei]

Checklist

• npm test passes
• tests and/or benchmarks are included
• commit message follows commit guidelines

Description of change

• 新增栅格瓦片 Source 类型
• 在 RasterLayer 中新增栅格瓦片图层
• ImageLayer 的 Source 新增支持 HTMLImageElement
• 升级 storybook

使用方式

import { Scene, RasterLayer } from '@antv/l7';
import { Map } from '@antv/l7-maps';

const scene = new Scene({
  id: 'map',
  map: new Map({
    center: [ 90.268, 40.3628 ],
    zoom: 3
  })
});

scene.on('loaded', () => {
  const layer = new RasterLayer({
    zIndex: 1
  });
  layer.source(
    'https://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
    {
      parser: {
        type: 'rasterTile',
        tileSize: 256,
        minZoom: 2,
        maxZoom: 18,
        zoomOffset: 0
      }
    }
  );

  scene.addLayer(layer);
});

特性

• 支持瓦片增量更新渲染，避免加载闪烁
• 支持对称子午线地图重复，瓦片连贯显示

后续 Action

• 删除旧瓦片代码
• ImageLayer 支持 ImageBitmap 数据类型 feat: 新增 mvt parser, Raster 支持 ImageBitmap #1103
• 网站新增 RasterLayer 加载各栅格服务 DEMO

详细内容🔗

[github-actions]

😭 Deploy PR Preview 54ec29c failed. Build logs

_{🤖 By surge-preview}

[lzxue]

通过

[lzxue]

后续新增文档部分