问题标签 [mapbox-api-vectortiles]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
682 浏览

flutter - 将 mbgl-offline db 转换为 mbtiles

我正在尝试在我的颤振应用程序中离线实现 mapbox ... 直到现在我使用存储库https://github.com/mapbox/mapbox-gl-native来获取地图,但是这个地图的格式是 *. db 是一种 SQLite 格式。

现在,如果我想在颤振中使用该地图(格式为 .db),我找到了包https://github.com/tobrun/flutter-mapbox-gl,其中包含加载地图( .db)的说明。 .

现在,那个库是如此基础......我不能做更多的事情,比如放置标记或其他任何东西......这就是为什么我试图使用另一个在颤振中更常见的库,它被称为“flutter_map”,它有一种加载离线地图的方法,但这里的问题是我需要 '{x}{y}{z}.png' 这是一种图像格式。

最后我的问题是:我怎样才能从我的地图(.db)传递到那种格式({x}{y}{z}.png)???或者也许......如何将( .db)转换为(*.mbtiles)?因为最后一个更常见。

再次感谢!

0 投票
0 回答
225 浏览

geoserver - 在 GeoServer 中生成的 Mapbox 矢量平铺在使用 OpenLayers 时会切断平铺边缘上的标签,但在使用 MapLibre-gl 时不会

我在 GeoServer 中生成了一些 MVT 服务,这些服务正在使用 OpenLayers 6 进行渲染。标签在瓷砖的边缘被切断。

这是我在 OpenLayers 中执行的 MVT 请求的示例:

即使将GeoServer 中的 gutter 参数设置为 100px ,渲染时的标签也会在图块的边缘被切断。

在尝试使用 MapLibre-GL渲染相同的 MVT 后,标签不会被裁剪。

我想知道这是否是 OpenLayers 的限制,还是我在创建上面的 OpenLayers VectorTileLayer 时遗漏了什么?

0 投票
0 回答
38 浏览

javascript - 矢量瓦片集在较低缩放级别下不准确

我正在创建一个 web 地图,允许用户单击多边形并显示有关多边形的信息(多边形也被突出显示)。

我在地图上显示了 4000 多个多边形。问题是单击多边形时,地图会突出显示不同但附近的多边形。

在更高的缩放级别,地图会突出显示正确的多边形。我尝试了不同的方法来创建矢量瓦片集(Tippecanoe 和 MTS),但我一直遇到同样的问题。

此外,当我将光标悬停在图块集上时,我将光标变成了一个指针,但对于某些多边形却没有。有时光标指向没有任何多边形的地方。

请帮忙...

0 投票
1 回答
46 浏览

leaflet - 如何在 React-Leaflet 中使用 Ordance Survey 矢量图块?

我不确定将军械测量矢量切片添加到 React-Leaflet 应用程序的正确语法。

https://labs.os.uk/public/os-data-hub-examples/os-vector-tile-api/vts-3857-basic-map的示例代码从 Mapbox 加载一些矢量切片库:

然后使用此 JavaScript 语法加载操作系统矢量切片:

(我已验证我的操作系统 api 密钥在独立演示中有效。)

如何使用 React 和 Leaflet 完成等效操作?

我正在使用React-Leaflet将 Leaflet 功能添加到我的 React 应用程序中,并且我尝试添加react-leaflet-vector-tile-layer - 我已经验证这适用于 Mapbox Studio 提供的矢量切片图层:

我也在尝试将这种方法用于军械测量矢量切片图层,但它不起作用,因为我可能语法错误:

未显示错误消息,但 OS 矢量切片图层未出现在地图上。在开发人员控制台中,我可以看到 PBF 文件已下载,但它没有在地图上绘制。这可能是因为我transformRequest在他们的示例中缺少该功能吗?假设它是必需的,我如何在使用时添加这个转换请求react-leaflet-vector-tile-layer

在此处输入图像描述