如何在.net core中使用Openstreetmap（osm）离线图块文件？

Question

我有Leaflet用于显示小区域地图的Web应用程序。问题在于该应用程序必须脱机工作（在LAN上），并且从中加载地图图块Openstreetmap。我下载了所需的磁贴，但找不到关于如何使用下载的文件（扩展名为.mbtiles的500MB文件）的良好文档。这是Leaflet建议的默认方法：

    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map); 

如何设置dotnet core用于使用离线图块和给定参数并获取图块图像的服务器？（如下所示）：

L.tileLayer('https://example.com/DotnetCore/WepApi/GetTiles?{s}/{z}/{x}/{y}').addTo(map);

Answer 1

以下是读取图块文件并在 WebApi 中提供它们的基本实现。

您需要安装 NuGet System.Data.SQLite.Core（或类似的）才能访问数据库。

辅助类：

public class MbTilesReader
{
    private string _mbTilesFilename;

    public MbTilesReader(string mbTilesFilename)
    {
        _mbTilesFilename = mbTilesFilename;
    }

    public byte[] GetImageData(int x, int y, int zoom)
    {
        byte[] imageData = null;
        using (SQLiteConnection conn = new SQLiteConnection(string.Format("Data Source={0};Version=3;", _mbTilesFilename)))
        {
            conn.Open();
            using (SQLiteCommand cmd = new SQLiteCommand(conn))
            {
                cmd.CommandText = "SELECT * FROM tiles WHERE tile_column = @x and tile_row = @y and zoom_level = @z";
                cmd.CommandType = System.Data.CommandType.Text;
                cmd.Parameters.Add(new SQLiteParameter("@x", x));
                cmd.Parameters.Add(new SQLiteParameter("@y", y));
                cmd.Parameters.Add(new SQLiteParameter("@z", zoom));
                SQLiteDataReader reader = cmd.ExecuteReader();
                if (reader.Read())
                {
                    imageData = reader["tile_data"] as byte[];
                }
            }
        }
        return imageData;
    }
}

然后在您的ConfigureServices方法中将该类注册为单例并将路径传递给文件：

public void ConfigureServices(IServiceCollection services)
{
    services.AddSingleton(new MbTilesReader("c:/temp/map.mbtiles"));
    services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
}

最后，您可以在 WebApi 操作中返回图像，如下所示：

[Route("api/[controller]")]
[ApiController]
public class MapController : ControllerBase
{
    private MbTilesReader _tileReader;

    public MapController(MbTilesReader tileReader)
    {
        _tileReader = tileReader;

    }

    [HttpGet]
    public IActionResult Get(int x, int y, int z)
    {
        byte[] imageData = _tileReader.GetImageData(x, y, z);
        return File(imageData, "image/png");
    }
}

可能的改进

• 使用缓存以避免始终查询相同的图像。
• 使实现异步（请参阅此问题）。

编辑 - 格式

此答案假设您的数据以 PNG 格式存储，.mbtiles 文件可以以以下格式存储数据：pbf（对于矢量）、jpg、png 和 webapp。要了解您的数据库使用哪种格式，请检查 .mbtiles SQLite 数据库的表元数据中的数据。

有关更多信息，请参阅以下链接：https ://github.com/mapbox/mbtiles-spec/blob/master/1.3/spec.md