问题标签 [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.
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 的位置,而不是在欧洲附近的预期区域。
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 开发的,而且众所周知它们非常强大。
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 类似的结果:
mapbox - 在混合 geojson 特征文件上使用 tippecanoe 生成 Mbtiles
我有一堆我想用来创建 .mbtiles 文件的 geojson 文件,这些 geojson 文件是通过在 .osm.pbf 文件上使用 ogr2ogr 制作的。
尽管这些文件中似乎有混合的特征,例如 linestring.geojson 文件有水道和高速公路的特征类型,并且它生成的图层是文件之后的名称,而不是单个特征类型。
我将如何进行格式化或使用tippecanoe将这些功能分成单独的层,以便我可以在tileserver上使用它。
我对如何做到这一点的唯一想法是自己分离文件,但这即使在最小的 .osm.pbf 文件上也会非常耗时。
我希望能够像这样生成 .mbtiles 文件,这样我就可以将它与地图框一起使用。
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:
我得到一个对象,当我尝试使用以下方法构建图层时:
我不确定。
mapbox - 估算 Mapbox 瓦片处理成本
我们正在使用ogr2ogr
andtippecanoe
生成 MBTILES 文件,然后将它们上传到 Mapbox。这会产生 Mapbox 近期的瓦片处理和托管成本。
我们受到了几笔意外账单的打击。我们可以通过遵循https://docs.mapbox.com/help/troubleshooting/manage-tileset-costs/#how-do-i-lower-my-tileset-processing-costs上的建议来解决这个问题。
但似乎没有一种明显的方法可以在上传之前估算切片处理成本。我想显示瓦片集的平方千米数、分辨率,并计算在上传之前向我们的团队展示的成本。
有谁知道如何做到这一点?
javascript - 矢量瓦片集在较低缩放级别下不准确
我正在创建一个 web 地图,允许用户单击多边形并显示有关多边形的信息(多边形也被突出显示)。
我在地图上显示了 4000 多个多边形。问题是单击多边形时,地图会突出显示不同但附近的多边形。
在更高的缩放级别,地图会突出显示正确的多边形。我尝试了不同的方法来创建矢量瓦片集(Tippecanoe 和 MTS),但我一直遇到同样的问题。
此外,当我将光标悬停在图块集上时,我将光标变成了一个指针,但对于某些多边形却没有。有时光标指向没有任何多边形的地方。
请帮忙...