如何在flutter中解析地图列表Json？

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class MapListPage extends StatefulWidget {
  @override
  _MapListPageState createState() => _MapListPageState();
}

class _MapListPageState extends State<MapListPage> {
  List<MapItem> _mapList = [];

  @override
  void initState() {
    super.initState();
    _fetchMapList();
  }

  Future<void> _fetchMapList() async {
    final response =
        await http.get('https://example.com/map_list.json'); // 替换为地图列表的URL

    if (response.statusCode == 200) {
      final jsonData = json.decode(response.body);
      setState(() {
        _mapList = List<MapItem>.from(
          jsonData.map((json) => MapItem.fromJson(json)),
        );
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('地图列表'),
      ),
      body: ListView.builder(
        itemCount: _mapList.length,
        itemBuilder: (context, index) {
          final mapItem = _mapList[index];
          return ListTile(
            title: Text(mapItem.name),
            subtitle: Text(mapItem.description),
          );
        },
      ),
    );
  }
}

class MapItem {
  final String name;
  final String description;

  MapItem({required this.name, required this.description});

  factory MapItem.fromJson(Map<String, dynamic> json) {
    return MapItem(
      name: json['name'],
      description: json['description'],
    );
  }
}

[
  {
    "name": "地图1",
    "description": "地图1的描述"
  },
  {
    "name": "地图2",
    "description": "地图2的描述"
  },
  ...
]