将矢量切片图层添加到 Leaflet 地图中的 MapBox 解决方案是什么？答案

【问题标题】：what is the MapBox solution to add a vector-tile layer into Leaflet map?将矢量切片图层添加到 Leaflet 地图中的 MapBox 解决方案是什么？
【发布时间】：2015-07-06 07:59:45
【问题描述】：

背景：

传单地图
矢量切片图层
- MapBox Studio 生成矢量切片（协议缓冲区格式）
- 用于图块托管的 MapBox.com
- 使用 Leaflet.MapboxVectorTile 插件解析和渲染 MapBox 矢量切片

问题：

无法获取原始要素几何：我想获取要素几何以便可以缩放到它，例如当用户点击它时。但是这个插件（Leaflet.MapboxVectorTile）没有明确的方法来做到这一点。 geom 值（包括 BBOX）都是相对坐标（即不是原始几何）
识别特征能力差（点击/悬停）：这个插件的另一个问题是它的识别算法不够健壮。作者禁用了悬停识别，因为它非常慢。对于点击，我注意到有时很难选择多边形（某些多边形会发生这种情况，取决于您在多边形内点击的位置），您必须点击某些位置，以便插件能够识别该特征。

除以上两个问题外，这个插件在我的经验中非常好。

我的问题：

是否有与此插件类似的对应 MapBox 解决方案？换句话说，要在地图上解析和渲染矢量切片图层服务，并支持强大的特征识别和获取特征几何的能力？
目前在 MapBox studio 中生成的瓦片是 .pbf 格式，这在高效数据传输方面非常出色。我想知道它是否支持开箱即用的 JSON 格式（GeoJSON 或 TopoJSON）？如果是这样，我可能可以尝试使用 MapBox.JS featureLayer 来消耗矢量瓦片 json 数据。
我了解 MapBOX GL.js 专为基于矢量切片的地图而设计。不过，我正在寻找添加矢量图块 layer。

感谢任何回应。谢谢！

【问题讨论】：

标签： vector leaflet layer mapbox tiling

【解决方案1】：

你会想试试mapbox-gl-leaflet，这是一个将高效的 Mapbox GL 库作为层集成到 Leaflet 中的库。

无法获取原始特征几何

矢量切片不包含原始要素几何。 Mapbox GL 确实提供了一个提供 GeoJSON 的 api，但它不会是您的原始数据：如果是，那么地图会很慢且效率低下，因为原始数据过于详细。

【讨论】：

谢谢。我会试试你的图书馆。您对如何实现单击要缩放的功能有任何想法吗？我觉得这是相当普遍的要求。