问题标签 [tippecanoe]

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 回答
444 浏览

mbtiles - 为什么 Tippecanoe 将 geojson 文件转换为 pbf 矢量切片会导致纬度/经度放置不正确?

我正在尝试使用tippecanoe从json数据生成pbf矢量图块。最终将在 OpenLayers 中使用,但在那里没有成功,因此尝试在 QGIS 中测试瓷砖。当我查看它们中的任何一个(在 QGIS 中)而不是在 -180 到 +180 的经度范围内时,它们在 ~2000 到 ~4000 的范围内。

我有一个简单的 json 文件,由一个使用 EPSG:4326 围绕欧洲的矩形组成。我使用tippecanoe 来生成pbf 瓷砖。

jim.json 包括:

然后我运行这个命令:

然后,如果我尝试查看图块是否正确,我将最大的图块(0/0/0.pbf)放入 QGIS,矩形被绘制在地球外部 2000degE 的位置,而不是在欧洲附近的预期区域。

0 投票
1 回答
838 浏览

mapbox-gl-js - Tippecanoe 生成的 pbf 存储在 s3 上,在 mapbox-gl 上可视化

我正在处理这个项目,我需要使用tippecanoe 生成protobuf 文件,将它们存储在s3 存储桶中并使用mapbox-gl 将其可视化。
我使用 -e 选项生成矢量图块以写入我选择的文件夹,并使用--no-tile-size-limit--no-tile-compression避免在预期数据方式中出现任何类型的差异。然后我将所有这些文件上传到 s3 存储桶。
然后,我尝试通过修改https://docs.mapbox.com/mapbox-gl-js/example/third-party/处的代码来可视化这一点。我的代码是:

我可以从 tippecanoe 生成的元数据文件中确认 id 与我在这里的匹配。
问题是当我加载地图时。对 pbf 文件的请求的响应是 200 并且content-type也是application/x-protobuf,但是这些点只是没有显示在地图上。我使用了一些不正确的选项还是只是不兼容。我很难相信是后者,因为 tippecanoe 和 mapbox-gl 都是由 mapbox 开发的,而且众所周知它们非常强大。

0 投票
0 回答
88 浏览

visualization - 合并重叠的 GeoJSON LineStrings (Tippecanoe) 并添加可视化

我想合并重叠的 GeoJSON LineStrings 和视觉样式合并的 LineString。我有一个 GeoJSON LineStrings 数据库,它代表人们驾驶的路线。我想用不同的颜色来可视化人们最频繁驾驶的路线,而不是那些不经常驾驶的路线。

Tippecanoe 渲染的 GeoJSON LineStrings 的 Mbtiles 示例(数字代表重叠路线):

在此处输入图像描述

我想实现类似于我在下面的图片中描绘的东西:

在此处输入图像描述

我遇到了几篇如何可视化 GeoJSON 点的文章,但我找不到任何有用的提示如何实现 LineStrings 的可视化。任何帮助、想法或提示将不胜感激。

我正在使用的技术:MongoDB、Tippecanoe ( https://github.com/mapbox/tippecanoe)、tileserver-gl ( https://github.com/maptiler/tileserver-gl )

理想情况下,我希望获得与 Strava 类似的结果:

在此处输入图像描述

0 投票
0 回答
430 浏览

canoe - 运行配置文件时出现矢量 CANoe 错误

运行 CANoe 的配置文件时出现 Rx 错误。我不明白这背后的原因。支持以太网的矢量 CANoe。我正在粘贴实际在此处输入图像描述错误。

请帮我解决这个问题。

0 投票
0 回答
78 浏览

zooming - MapBox 样式在低缩放级别隐藏点

我有一个包含数千个点的 geojson 文件(每个点都是大 FeatureCollection 中的一个特征),我用tippecanoe 创建了一个tileset:

无论我尝试过什么tippecanoe选项,结果总是如下:

  • 即使在图块集页面或样式层的“选择数据”选项卡中缩放 < 15 时,特征(点)也能正确显示
  • 在“样式”视图中,随着缩放级别的下降,大多数功能都会消失(在 13-14 以下缩放时,只有 1 或 2 个点可见)

在此处输入图像描述

我将样式中的功能显示为“圆圈”,因此理论上不需要图标允许重叠。

如何进行以使大多数点在低缩放级别下仍然可见?

0 投票
0 回答
127 浏览

mapbox - 在混合 geojson 特征文件上使用 tippecanoe 生成 Mbtiles

我有一堆我想用来创建 .mbtiles 文件的 geojson 文件,这些 geojson 文件是通过在 .osm.pbf 文件上使用 ogr2ogr 制作的。

尽管这些文件中似乎有混合的特征,例如 linestring.geojson 文件有水道和高速公路的特征类型,并且它生成的图层是文件之后的名称,而不是单个特征类型。

我将如何进行格式化或使用tippecanoe将这些功能分成单独的层,以便我可以在tileserver上使用它。

我对如何做到这一点的唯一想法是自己分离文件,但这即使在最小的 .osm.pbf 文件上也会非常耗时。

我希望能够像这样生成 .mbtiles 文件,这样我就可以将它与地图框一起使用。

0 投票
2 回答
385 浏览

azure - 在 Azure Maps 中显示矢量切片 (PBF)

我正在使用 Azure Maps,并且想要显示使用tippecanoe 生成的矢量图块。

我最初在前端 javascript 中的 Azure Maps 中遇到错误,这基本上是抱怨生成的 pbf 是不可接受的,因为它被压缩了。我修好了。

现在,前端 javascript 不会抛出任何错误,除非它找不到 az/x/y pbf 文件。

当它没有在 javascript console.log 中抛出任何错误时,它不会显示来自矢量平铺 pbf 的任何矢量。

我认为我没有做对的是进入 javascript 的 sourceLayer。

这是我的 Spring Boot,它为通过tippecanoe 生成的矢量平铺(PBF)提供服务:

正如我所说,我认为我无法正确处理的是 Javascript 中的 sourceLayer。因此,下面是我用来使用tippecanoe 生成PBF 的JSON 示例。

我尝试过的另一件事是,在浏览器控制台中,我尝试导入 pbf:

我得到一个对象,当我尝试使用以下方法构建图层时:

我不确定。

0 投票
0 回答
34 浏览

mapbox - Tippecanone 和 Mapbox - 在特定缩放级别丢失细节

我用tippecanone为mapbox渲染图块。

我想用它来代表建筑物。不幸的是,在 Mapbox 中,建筑物在缩放级别 14 时丢失了结构。我已经用tippecaone尝试了各种选择。也没有。

信息:

  • Geojson 文件大小为 720mb

使用tippecanoe语句:

具有缩放级别的地图

0 投票
1 回答
49 浏览

mapbox - 估算 Mapbox 瓦片处理成本

我们正在使用ogr2ograndtippecanoe生成 MBTILES 文件,然后将它们上传到 Mapbox。这会产生 Mapbox 近期的瓦片处理和托管成本。

我们受到了几笔意外账单的打击。我们可以通过遵循https://docs.mapbox.com/help/troubleshooting/manage-tileset-costs/#how-do-i-lower-my-tileset-processing-costs上的建议来解决这个问题。

但似乎没有一种明显的方法可以在上传之前估算切片处理成本。我想显示瓦片集的平方千米数、分辨率,并计算在上传之前向我们的团队展示的成本。

有谁知道如何做到这一点?

0 投票
0 回答
38 浏览

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

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

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

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

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

请帮忙...