无法使用Cordova s​​qlite插件将BLOB转换为String以用于离线地图

Question

我正在按照本教程：https://kuamoto.wordpress.com/2016/02/26/myth-1-cant-make-offline-apps/在基于sqlite数据库（.mbtiles）的离子2应用程序中获取离线地图。我使用Cordova Sqlite插件查询数据库，如此repo：https://github.com/wilblack/offline-map-example

所示

数据库包含对应于我想要显示的地图位置的x，y和z组合的Blob。

我已成功打开数据库并进行查询，但我遇到了以下错误：

unknown error (Sqlite code 0): Unable to convert BLOB to string, (OS error - 2:No such file or directory)"

这似乎是一个常见问题，但我只是直接找到Android的解决方案。这是我的Typescript代码：

getTileUrl: function(tilePoint, zoom, tile) {
                var z = this._getZoomForUrl();
                z = Math.round(z);
                var x = tilePoint.x;
                var y = tilePoint.y;
                y = Math.pow(2, z) - y - 1;
                var base64Prefix = 'data:image/gif;base64,';
                this.mbTilesDB.transaction((tx) => {
                    tx.executeSql("SELECT tile_data FROM tiles WHERE zoom_level = ? AND tile_column = ? AND tile_row = ?;", [z, x, y], (tx, res) => {
                        //Never get here
                        tile.src = base64Prefix + res.rows.item(0).tile_data;
                    }, (err, msg) => {
                        console.log('[MapPage.getTileUrl] error with executeSql', err);
                    });
                }, (err, msg) => {
                    console.log("[MapPage.getTileUrl] Transaction err:", err);    
                });
            },
            _loadTile: function(tile, tilePoint, zoom) {
                tile._layer = this;
                tile.onload = this._tileOnLoad;
                tile.onerror = this._tileOnError;
                this.getTileUrl(tilePoint, zoom, tile);
            }

启动查询后代码就会中断。如果我在数据库浏览器中启动查询，我会以Blob的形式获得结果。

问题仅限于此问题：How to set tile_data from .mbtiles file as tiles for leaflet?，但我甚至没有从查询中获得结果

感谢您的帮助

Answer 1

据我所知，大多数JavaScript实现都不支持blob。

该代码假定数据库中的数据存储为Base64编码的文本（或数据库驱动程序自动执行此转换）。

您必须告诉数据库将blob转换为某种文本格式（SELECT hex(tile_data) ...），然后将该十六进制字符串转换为代码中的某种有用格式。

Answer 2

Cordova-sqlite-ext支持从预先填充的sqlite数据库中读取BLOB，如.mbtiles-files。

为了构建包含切片数据的数据网址，您可以调整以下代码README：

```

db.readTransaction(function(tx) {
  tx.executeSql("SELECT BASE64(data) AS base64_data FROM MyTable", [], function(tx, resultSet) {
    console.log('BLOB data (base64): ' + resultSet.rows.item(0).base64_data);
  });
});

```