reactjs - geojson-vt 与 react-leaflet
问题描述
有没有人有一个使用 geojson-vt 的 react-leaflet 项目的准系统 repo 的例子?
我有一个有 13 MB geoJSON 文件的 react-leaflet 项目。我不知道如何使用 react-leaflet 的 geojson 标签让它更快地呈现。我希望 geojson-vt 是答案。
解决方案
/**
* @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);
推荐阅读
- c - 程序在 if 语句中突然中断
- postman - 将爪子环境导出到 Postman
- npm - 如何阻止纱线工作区抱怨未满足的对等依赖?
- python - 为什么这个简单的 Python 脚本会破坏解释器?
- angular - div中的动态图像加载
- python - 我应该如何对该功能进行单元测试以避免业务逻辑和重言式?
- python - 如何确定安装 conda 包需要启用的通道?
- git - git p4 push p4 repo 到 gitlab
- java - Openfeign ErrorDecoder 导致 java.io.IOException: stream is closed
- python - jupyter notebook 在 python 2.7 甚至 anaconda 环境显示版本是 python 3.6