问题标签 [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.
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)?因为最后一个更常见。
再次感谢!
geoserver - 在 GeoServer 中生成的 Mapbox 矢量平铺在使用 OpenLayers 时会切断平铺边缘上的标签,但在使用 MapLibre-gl 时不会
我在 GeoServer 中生成了一些 MVT 服务,这些服务正在使用 OpenLayers 6 进行渲染。标签在瓷砖的边缘被切断。
这是我在 OpenLayers 中执行的 MVT 请求的示例:
即使将GeoServer 中的 gutter 参数设置为 100px ,渲染时的标签也会在图块的边缘被切断。
在尝试使用 MapLibre-GL渲染相同的 MVT 后,标签不会被裁剪。
我想知道这是否是 OpenLayers 的限制,还是我在创建上面的 OpenLayers VectorTileLayer 时遗漏了什么?
javascript - 矢量瓦片集在较低缩放级别下不准确
我正在创建一个 web 地图,允许用户单击多边形并显示有关多边形的信息(多边形也被突出显示)。
我在地图上显示了 4000 多个多边形。问题是单击多边形时,地图会突出显示不同但附近的多边形。
在更高的缩放级别,地图会突出显示正确的多边形。我尝试了不同的方法来创建矢量瓦片集(Tippecanoe 和 MTS),但我一直遇到同样的问题。
此外,当我将光标悬停在图块集上时,我将光标变成了一个指针,但对于某些多边形却没有。有时光标指向没有任何多边形的地方。
请帮忙...
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
?