GeoJsonVT 瓦片

L7 矢量瓦片除了可以时候后端提供的瓦片服务之外，同时提供了 geojson-vt 瓦片切分方案，使得前端在没有后端支持的情况下也能使用矢量瓦片。

矢量瓦片 - GeoJsonVT

import { PolygonLayer } from '@antv/l7';
fetch('https://gw.alipayobjects.com/os/bmw-prod/2b7aae6e-5f40-437f-8047-100e9a0d2808.json')
  .then((d) => d.json())
  .then((data) => {
    const source = new Source(data, {
      parser: { type: 'geojsonvt', maxZoom: 9 },
    });
    const polygon = new PolygonLayer({ featureId: 'COLOR' }).source(source).color('red');
  });

sourceLayer

在使用前端瓦片切分的时候我们不再需要为瓦片图层指定数据源。

source(GeoJsonData: string, option: IOption)

在使用前端瓦片切分的矢量瓦片时，source 方法接收的不在时数据服务的地址，而是标准的 GeoJSON 数据。

option

在使用前端瓦片切分的时候我们需要将 source parser 的类型设置为 geojsonvt。

const source = new Source(data, {
  parser: {
    type: 'geojsonvt',
    maxZoom: 9,
    geojsonvtOptions: {},
  },
});

geojsonOptions 支持如下参数: