具有react-leaflet的geojson-vt

Question

有谁有使用geojson-vt的react-leaflet项目的barebone存储库的示例吗？

我有一个有13MB geoJSON文件的react-leaflet项目。我不知道如何用react-leaflet的geojson标签让它渲染得更快。我希望geojson-vt是答案。

Answer 1

/**
 * @file Component to render geojson as vector tile with `geojson-vt`.
 * @name GeoJSONVtLayer.js
 */
import L from "leaflet";
import {
  createTileLayerComponent,
  updateGridLayer,
  withPane,
} from "@react-leaflet/core";
import geojsonvt from "geojson-vt";
window.geojsonvt = geojsonvt;
// eslint-disable-next-line import/first
import {} from "leaflet-geojson-vt";

export const GeoJSONVtLayer = createTileLayerComponent(function createGridLayer(
  { geoJSON, ...options },
  context
) {
  return {
    instance: L.gridLayer.geoJson(geoJSON, withPane(options, context)),
    context
  };
},
updateGridLayer);

Demo