Leaflet 在地图中显示 .mbTiles 文件

Posted

技术标签:

【中文标题】Leaflet 在地图中显示 .mbTiles 文件【英文标题】:Leaflet display .mbTiles files in the map 【发布时间】:2019-06-25 17:14:59 【问题描述】:

我已经从 openmaptiles 网站下载了阿联酋 mbtiles。我需要离线显示阿联酋的地图。我正在使用 angular 4。我已经使用 mbutil 将 mbtiles 转换为 png 图像。但它显示图像已损坏。

也转成pbf试了一下。它显示错误“错误:未实现的类型:3”,甚至与“内容编码”、“gzip”一起使用。如何在地图中显示mbutils文件?

我正在使用“leaflet-vector-tile-layer”包。

【问题讨论】:

你用什么软件从 OpenMapTiles 转换你的 MBTiles?你从 OpenMapTiles 下载了什么类型的图块,矢量还是光栅图块? 【参考方案1】:

我对从 .mbTiles 中提取的 pbf 文件遇到了同样的问题。

问题是那些pbf 文件实际上是gzip 档案。考虑在使用前“解压缩”它们。

【讨论】:

以上是关于Leaflet 在地图中显示 .mbTiles 文件的主要内容,如果未能解决你的问题,请参考以下文章

leaflet地图插件汇总

leaflet地图插件汇总

[转]MBTiles 离线地图演示 - 基于 Google Maps JavaScript API v3 + SQLite

在鼠标悬停时突出显示L.divIcon或在Leaflet地图中以编程方式突出显示

Leaflet:部署期间的显示问题

Leaflet.js 将地图集中在一组标记上