The Zoomify widget allows you to display gigapixel images without de need to download the whole image at once. The user can zoom in/out and pan around and the necessary 256x256 tiles are downloaded on the fly.

Create a zoomified image using the 'Zoomify Free Converter.exe' for Windows (download from https://download.cnet.com/zoomify-free/3000-10248_4-77422171.html). Upload the folder containing the ImageProperties.xml and the TileGroup folders to your server and refer to that folder in the Zoomify widget.

Features

Zoom in/out and pan using gestures, mouse wheel, or keyboard.

Getting started

Install the package using flutter pub add zoomify and import it in your dart app.

Usage

import 'package:flutter/material.dart';
import 'package:flutter/zoomify.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
    const MyApp({super.key});
    
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
            debugShowCheckedModeBanner: false,
                home: Scaffold(
                    appBar: AppBar(toolbarHeight: 30, title: Text('Zoomify Image')),
                    body: Zoomify(
                        baseUrl: 'https://kaartdekaag1933.zeilvaartwarmond.nl/P6045538-P6045560',
                        backgroundColor: Colors.black38,
                        showGrid: true,
                        showZoomButtons: true,
                        zoomButtonPosition: Alignment.bottomLeft,
                        zoomButtonColor: Colors.red)));
    }
}

Additional information