How to load map using FileTileProvider?

[tashi146]

Hi, I have tried loading offline map with AssetTileProvider(example app) and it is working fine. Now I am trying to load same map using with FileTileProvider.

import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong2/latlong.dart';
import 'package:path_provider/path_provider.dart';

class OfflineMapDownloadedPage extends StatefulWidget {
  @override
  OfflineMapDownloadedPageState createState() {
    return OfflineMapDownloadedPageState();
  }
}

class OfflineMapDownloadedPageState extends State<OfflineMapDownloadedPage> {
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: FutureBuilder<String>(
          future: _getPath(),
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return FlutterMap(
                options: MapOptions(
                  center: LatLng(69.8813, -41.4184),
                  minZoom: 4.0,
                  maxZoom: 11.0,
                  zoom: 4.0,
                  swPanBoundary: LatLng(59.2659, -61.6992),
                  nePanBoundary: LatLng(76.8808, 20.5664),
                ),
                layers: [
                  new TileLayerOptions(
                    tileProvider: FileTileProvider(),
                    maxZoom: 15.0,
                    tms: true,
                    urlTemplate: snapshot.data,
                  ),
                ],
              );
            } else if (snapshot.hasError) {
              return Center(
                child: Text(snapshot.error.toString()),
              );
            } else {
              return Center(
                child: CircularProgressIndicator(),
              );
            }
          }),
    );
  }

  Future<String> _getPath() async {
    var dir = await getApplicationDocumentsDirectory();
    var filePath = dir.path + "/anholt_osmbright/{z}/{x}/{y}.png";
    return filePath;
  }
}

I have the same folder located in app_flutter/anholt_osmbright. But I am getting error saying

FileSystemException: Cannot open file, path = '/data/user/0/com.example.flutter_playground/app_flutter/anholt_osmbright/4/5/13.png' (OS Error: No such file or directory, errno = 2)
I/flutter (22883): FileSystemException: Cannot open file, path = '/data/user/0/com.example.flutter_playground/app_flutter/anholt_osmbright/4/6/13.png' (OS Error: No such file or directory, errno = 2)
I/flutter (22883): FileSystemException: Cannot open file, path = '/data/user/0/com.example.flutter_playground/app_flutter/anholt_osmbright/4/5/12.png' (OS Error: No such file or directory, errno = 2)

[ibrierley]

Are the files mentioned actually there ? Is access to them set in pubspec.yaml ? I also assume you are trying this on mobile ?

[tashi146]

You can see the same files and folder here. But I am not sure about pubspec.yaml because I am not loading with asset path as such. All the pngs are in application folder.

[ibrierley]

The file isn't there from that screenshot. It's trying to load 4/5/13.png, i.e zoom level 4, but there is no 4 folder there, only zoom levels 12,13,14 ?

[tashi146]

Ah, I see. It is working now. Thanks