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（或类似工具）才能访问数据库。

Helper类：

public class MyPagerAdapter extends FragmentStatePagerAdapter {
    private Context context;

    public MyPagerAdapter(FragmentManager fm, Context context) {
        super(fm);
        this.context= context;
    }

    @Override
    public Fragment getItem(int i) {
        ArrayList<String> listItem = new ArrayList<String>();
        SQLiteDatabase sqLiteDatabase = SqliteDatabase.getInstance(context).getWritableDatabase();
        Cursor cursor = sqLiteDatabase.rawQuery("SELECT NAME FROM ARATRIKA", new String[]{});
        if (cursor.getCount() == 0) {
        } else {
            while (cursor.moveToNext()) {
                listItem.add(cursor.getString(0));
            }
        }
        Object[] mStringArray = listItem.toArray();
        Fragment fragment = new AFragment();
        Bundle args = new Bundle();
        args.putString(AFragment.ARG_OBJECT, (String)mStringArray[i]);
        fragment.setArguments(args);
        return fragment;
    }
    @Override
    public int getCount() {
        ////
        ArrayList<String> listItem = new ArrayList<>();
        SQLiteDatabase sqLiteDatabase = SqliteDatabase.getInstance(context).getWritableDatabase();
        Cursor cursor = sqLiteDatabase.rawQuery("SELECT NAME FROM ARATRIKA", new String[]{});
        while (cursor.moveToNext()) {
            listItem.add(cursor.getString(cursor.getColumnIndex("NAME")));
        }
       return listItem.size();
    }
    @Override
    public CharSequence getPageTitle(int position) {

        //return tabTitleArray[position];
        return "OBJECT " + (position + 1);
    }
}

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

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;
    }
}

最后，您可以按照以下步骤在WebApi操作中返回图像：

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

可能的改进

使用缓存来避免一直查询同一张图片。
使实现异步（请参见this问题）。

编辑-格式

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

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

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

1 个答案: