add NonCachingNetworkTileProvider to demonstrate web support

fleaflet · Oct 9, 2019 · e8e687b · JeanChristopheMobizel · Nov 26, 2019 · e8e687b
1 parent 5158e54
commit e8e687b
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/example/lib/pages/home.dart b/example/lib/pages/home.dart
@@ -15,7 +15,10 @@ class HomePage extends StatelessWidget {
         height: 80.0,
         point: LatLng(51.5, -0.09),
         builder: (ctx) => Container(
-          child: FlutterLogo(),
+          child: FlutterLogo(
+            colors: Colors.blue,
+            key: ObjectKey(Colors.blue),
+          ),
         ),
       ),
       Marker(
@@ -25,6 +28,7 @@ class HomePage extends StatelessWidget {
         builder: (ctx) => Container(
           child: FlutterLogo(
             colors: Colors.green,
+            key: ObjectKey(Colors.green),
           ),
         ),
       ),
@@ -33,7 +37,10 @@ class HomePage extends StatelessWidget {
         height: 80.0,
         point: LatLng(48.8566, 2.3522),
         builder: (ctx) => Container(
-          child: FlutterLogo(colors: Colors.purple),
+          child: FlutterLogo(
+            colors: Colors.purple,
+            key: ObjectKey(Colors.purple),
+          ),
         ),
       ),
     ];
@@ -57,9 +64,14 @@ class HomePage extends StatelessWidget {
                 ),
                 layers: [
                   TileLayerOptions(
-                      urlTemplate:
-                          'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
-                      subdomains: ['a', 'b', 'c']),
+                    urlTemplate:
+                        'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
+                    subdomains: ['a', 'b', 'c'],
+                    // For example purposes. It is recommended to use
+                    // TileProvider with a caching and retry strategy, like
+                    // NetworkTileProvider or CachedNetworkTileProvider
+                    tileProvider: NonCachingNetworkTileProvider(),
+                  ),
                   MarkerLayerOptions(markers: markers)
                 ],
               ),

diff --git a/lib/src/layer/tile_provider/tile_provider.dart b/lib/src/layer/tile_provider/tile_provider.dart
@@ -59,6 +59,13 @@ class NetworkTileProvider extends TileProvider {
   }
 }
 
+class NonCachingNetworkTileProvider extends TileProvider {
+  @override
+  ImageProvider getImage(Coords<num> coords, TileLayerOptions options) {
+    return NetworkImage(getTileUrl(coords, options));
+  }
+}
+
 class AssetTileProvider extends TileProvider {
   @override
   ImageProvider getImage(Coords<num> coords, TileLayerOptions options) {