Breaking News: Grepper is joining You.com. Read the official announcement!

flutter_map marker

Worried Weasel answered on March 31, 2021 Popularity 10/10 Helpfulness 3/10

answer flutter_map marker

related custom marker google maps flutter

flutter_map marker

Comment

 class _MapDataState extends State<MapData> {
      List<SitesList> sl = [];
      List<SnoTelSite> sts = [];
      var marker = <Marker>[];

      _MapDataState(){
        print("map data state");
        loadSites().then((sitesdata) {
          print('Loaded Sites Asset JSON');
          //clone sitesdata into sts array
          sts..addAll(sitesdata);
          sts.forEach((s) {
            marker.add(
              Marker(
                point: new LatLng(double.parse(s.lat),double.parse(s.lng)),
                builder: (ctx) => _MarkerPopUp(sitename: s.name, siteelevation: s.elevation, siteid: s.siteID,),
              ),
            );
          });
        });
      }

      // @override
      // initState() {
      //   print("INIT STATE");
      //   super.initState();
      // }

      //local load assets ... constants hold path snotelsitesjson
      Future<String> _loadSiteAssets() async {
        return await rootBundle.loadString(snotelsitesjson);
      }

      Future loadSites() async {
        String jsonString = await _loadSiteAssets();
        final jsonResponse = json.decode(jsonString);
        SitesList sitesList = new SitesList.fromJson(jsonResponse);
        return sitesList.sites;
      }

    //main build and screen layout
      @override
      Widget build(BuildContext context) {
        print("BUILD LAYOUT");
        return MaterialApp(
          theme: ThemeData(
            primarySwatch: Colors.cyan,
          ),
          home: Scaffold(
              appBar: AppBar(
                backgroundColor: Colors.white,
                leading: Icon(Icons.ac_unit),
                title: Text("SnoTel Map"),
                actions: <Widget>[
                  IconButton(
                    icon: Icon(Icons.favorite),
                    onPressed: () {
                      debugPrint("Favorites");
                    },
                  ),
                  IconButton(
                    icon: Icon(Icons.feedback),
                    onPressed: () {
                      debugPrint("Message sent");
                    },
                  ),
                ],
              ),
              body: _MapWidget()),
        );
      }
    }

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: marker whatever

Link to this answer
Share Copy Link

Contributed on Mar 31 2021

Worried Weasel

0 Answers Avg Quality 2/10

Closely Related Answers

custom marker google maps flutter

Comment

Future<Uint8List> getBytesFromAsset(String path, int width) async {
    ByteData data = await rootBundle.load(path);
    ui.Codec codec = await ui.instantiateImageCodec(data.buffer.asUint8List(),
        targetWidth: width);
    ui.FrameInfo fi = await codec.getNextFrame();
    return (await fi.image.toByteData(format: ui.ImageByteFormat.png))!
        .buffer
        .asUint8List();
  }
 
 // init marker icon 
 
  final Uint8List markerIcon2 =
        await getBytesFromAsset('assets/images/m1.png', 99);
    final Uint8List markerIcon1 =
        await getBytesFromAsset('assets/images/camion.png', 139);
        
    teste1 = BitmapDescriptor.fromBytes(markerIcon2);
    teste2 = BitmapDescriptor.fromBytes(markerIcon1);
    
  // show marker 
    Marker(icon: teste1)
    Marker(icon: teste2)

Popularity 10/10 Helpfulness 3/10 Language dart

Source: Grepper

Tags: dart

Link to this answer
Share Copy Link

Contributed on Mar 13 2022

Dead Dormouse

0 Answers Avg Quality 2/10

flutter_map marker

Contents

More Related Answers

flutter_map marker

Closely Related Answers

custom marker google maps flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.