Flutter how to get all latitude and longitude from api response

Question

Im getting respone from api like this:

[
    {
        "PollId": "5241851",
        "Long": 74.25142,
        "Lat": 31.47104,
        "Speed": 0.0,
        "IsGPSAvailable": true,
        "Status": "IGNITION OFF",
        "Ign": false,
        "Distance": 0.023,
        "Direction": 136.0,
    },
    {
        "PollId": "5255637",
        "Long": 74.25131,
        "Lat": 31.47095,
        "Speed": 0.0,
        "IsGPSAvailable": true,
        "Status": "IGNITION OFF",
        "Ign": false,
        "Distance": 0.028,
        "Direction": 136.0,
    },
]

how to get lat and lang from both.

Answer 1

You can create a model using this

// To parse this JSON data, do
//
//     final location = locationFromJson(jsonString);

import 'dart:convert';

List<Location> locationFromJson(String str) => List<Location>.from(json.decode(str).map((x) => Location.fromJson(x)));

String locationToJson(List<Location> data) => json.encode(List<dynamic>.from(data.map((x) => x.toJson())));

class Location {
    Location({
        this.pollId,
        this.long,
        this.lat,
        this.speed,
        this.isGpsAvailable,
        this.status,
        this.ign,
        this.distance,
        this.direction,
    });

    String pollId;
    double long;
    double lat;
    int speed;
    bool isGpsAvailable;
    String status;
    bool ign;
    double distance;
    int direction;

    factory Location.fromJson(Map<String, dynamic> json) => Location(
        pollId: json["PollId"],
        long: json["Long"].toDouble(),
        lat: json["Lat"].toDouble(),
        speed: json["Speed"],
        isGpsAvailable: json["IsGPSAvailable"],
        status: json["Status"],
        ign: json["Ign"],
        distance: json["Distance"].toDouble(),
        direction: json["Direction"],
    );

    Map<String, dynamic> toJson() => {
        "PollId": pollId,
        "Long": long,
        "Lat": lat,
        "Speed": speed,
        "IsGPSAvailable": isGpsAvailable,
        "Status": status,
        "Ign": ign,
        "Distance": distance,
        "Direction": direction,
    };
}

and then use a futurebuilder and listview to get the response

 FutureBuilder(
                  future: _future,
                  builder: (context, AsyncSnapshot<List<Location>> snapshot) {
                    return snapshot.data?.length == 0
                        ? const Center(
                            child: Text("No Item"),
                          )
                        : ListView.builder(
                            shrinkWrap: true,
                            itemBuilder: (context, index) {
                             final data = snapshot.data[index];
                             print(data.long, data.lat);
                             // return UI 
                            },
                            itemCount: snapshot.data?.length ?? 0,
                          );
                  },
                )

Answer 2

Flutter has an extensive documentation. You can read all about fetching data from the internet and handling this data in the documentation .

The answer to your question is in the part Convert the response into a custom Dart object . They do it using an Album as an example, but I'm sure you can do it for your data structure.