前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Avalonia跨平台入门第三十篇之离线地图

Avalonia跨平台入门第三十篇之离线地图

作者头像
WPF程序员
发布2024-03-11 22:28:00
1030
发布2024-03-11 22:28:00

前面一篇摸索完简单的GIS后,这二天又摸索了一下本地离线缓存底图和加载离线底图的效果;直接看最终的效果:

1、把瓦片缓存到磁盘和加载:

代码语言:javascript
复制
 // 首先尝试从缓存中获取瓦片
 byte[] tileData = await GetTileFromCacheAsync(tileInfo.Index);
 if (tileData == null)
 {
     // 如果缓存中没有,从服务器获取瓦片
     tileData = await GetTileAsync(tileInfo);
     // 将获取的瓦片保存到磁盘
     await SaveTileToCacheAsync(tileInfo.Index, tileData);
 }
 return tileData;

2、把瓦片缓存到SQLite数据库:

代码语言:javascript
复制
public async Task InsertTileAsync(int x, int y, int zoom, byte[] tileData)
{
    int tmsY = (1 << zoom) - 1 - y; // TMS Y坐标转换
    var existingTile = await db.Queryable < Tile > ().Where(t => t.zoom_level == zoom && t.tile_column == x && t.tile_row == tmsY).SingleAsync();
    if(existingTile != null)
    {
        // 瓦片已存在,更新它
        existingTile.tile_data = tileData;
        await db.Updateable(existingTile).ExecuteCommandAsync();
    }
    else
    {
        // 瓦片不存在,插入新的瓦片
        var tile = new Tile
        {
            zoom_level = zoom,
            tile_column = x,
            tile_row = tmsY,
            tile_data = tileData
        };
        await db.Insertable(tile).ExecuteCommandAsync();
    }
}

3、从SQLite数据库读取离线瓦片数据:

代码语言:javascript
复制
public async Task<byte[]> GetTileAsync(int x, int y, int zoom)
{
    int tmsY = (1 << zoom) - 1 - y; // TMS Y坐标转换
    var tile = await db.Queryable<Tile>()
                       .Where(t => t.zoom_level == zoom && t.tile_column == x && t.tile_row == tmsY)
                       .SingleAsync();
    return tile?.tile_data;
}

4、本地磁盘缓存的瓦片效果:

5、SQLite缓存的瓦片效果:

最终简单的效果先这样吧

;以后有时间的话,可以再去摸索一下更复杂的效果

;编程不息、Bug不止、无Bug、无生活

;改bug的冷静、编码的激情、完成后的喜悦、挖坑的激动 、填坑的兴奋;这也许就是屌丝程序员的乐趣吧;今天就到这里吧;希望自己有动力一步一步坚持下去;生命不息,代码不止;大家抽空可以看看今天分享的效果,有好的意见和想法,可以在留言板随意留言;我看到后会第一时间回复大家,多谢大家的一直默默的关注和支持!如果觉得不错,那就伸出您的小手点个赞并关注一下!

本文参与?腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2024-03-08,如有侵权请联系?cloudcommunity@tencent.com 删除

本文分享自 WPF程序员 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com