如何生成矢量切片以及如何在传单

Question

我的数据包含许多元素和属性，因此我无法将整个json发送到client-side，因为它读取和显示数据的速度太慢。

此时我需要从数据中创建 tile 。我使用 tippecanoe ，它很好，但它“只”生成* .mbtiles（* .pbf中的矢量数据），而Leaflet 1.0.2无法使用这种格式，所以我尝试使用 mbutil 提取缩放文件夹z / x / y，但似乎导致* .pbf图块不正确，因为我尝试使用 Mapbox gl js 和效果不好。

所以第一个问题是：

有人知道如何从geojson文件中正确生成* .pbf tile？我尝试过这里显示的一些选项：awesome-vector-tiles

有人知道是否有一些Leaflet 1.0.2插件可以使用* .mbtiles，* .pbf或* .json中的矢量切片？

我尝试使用mapbox-gl-leaflet， vectorgrid 和 tangram 。

非常感谢您的帮助

Answer 1

您可以将tippecanoe与-e选项一起使用，以在适当的目录结构中生成* .pbf文件。参见https://github.com/mapbox/tippecanoe#output-tileset

Answer 2

https://github.com/tangrams/tangram

Tangram：用于矢量数据的 WebGL 地图

您可以使用带有传单的 JS 库来显示矢量图块

谢谢

Answer 3

您可以使用TileServer-GL从Tippecanoe生成的.mbtiles文件中提供Mapbox矢量切片。使用Docker可以更轻松地完成此任务。

假设您已在当前目录中使用Tippecanoe生成了名为geo.mbtiles的文件：

docker run -it -v $(pwd):/data -p 8080:80 klokantech/tileserver-gl geo.mbtiles

这将启动服务器，它将为您提供一个服务.pbf矢量切片的端点。这些可以使用Mapbox GL，Leaflet.VectorGrid等进行渲染。