mardi 22 octobre 2019

How to add map and markers to flutter web

How to add map to flutter google? I get markers from Firestore but now I don't know which map use to flutter web. Most work only on ios / android. Can anyone help me.

I tried use flutter_map. But this solution drop me this error.

'NetworkImageWithRetry.load' has fewer positional arguments than those of overridden method
'ImageProvider.load'.
  ImageStreamCompleter load(NetworkImageWithRetry key) {
                       ^
org-dartlang-app:///packages/flutter/src/painting/image_provider.dart: Context: This is the overridden
method ('load').
AssetNotFoundException: flutter_image|lib/network.ddc.dill              
Error compiling dartdevc module:flutter_image|lib/network.ddc.js        

packages/flutter_image/network.dart:73:24: Error: The method 'NetworkImageWithRetry.load' has fewer
positional arguments than those of overridden method 'ImageProvider.load'.
  ImageStreamCompleter load(NetworkImageWithRetry key) {
                       ^
packages/flutter/src/painting/image_provider.dart: Context: This is the overridden method ('load').



AssetNotFoundException: flutter_image|lib/network.ddc.dill              

AssetNotFoundException: flutter_image|lib/network.ddc.dill              

BuildStepCompletedException: Attempt to use a BuildStep after is has completed

  @override
  Widget build(BuildContext context) {
    return new FlutterMap(
      options: new MapOptions(
        center: new LatLng(51.5, -0.09),
        zoom: 13.0,
      ),
      layers: [
        new TileLayerOptions(
          urlTemplate: "https://api.tiles.mapbox.com/v4/"
              "{id}/{z}/{x}/{y}@2x.png?access_token={accessToken}",
          additionalOptions: {
            'accessToken': '<key>',
            'id': 'mapbox.streets',
          },
        ),
        new MarkerLayerOptions(
          markers: [
            new Marker(
              width: 80.0,
              height: 80.0,
              point: new LatLng(51.5, -0.09),
              builder: (ctx) =>
              new Container(
                child: new FlutterLogo(),
              ),
            ),
          ],
        ),
      ],
    );
  }




Aucun commentaire:

Enregistrer un commentaire