Flutter_map小部件调用时返回一个黑色屏幕？

Question

我想做什么，

我基本上想要在颤振中包含一个uber-类似的用户位置跟踪地图，并且我使用的是地图。

问题

这个小部件在我的应用程序中返回一个黑色屏幕。我已经添加了所有必要的参数和约束条件，这个问题没有解决。

问题中的代码

class MapPage extends StatefulWidget {
const MapPage({super.key});

@override
State<MapPage> createState() => _MapPageState();
}

class _MapPageState extends State<MapPage> {
@override
Widget build(BuildContext context) {
  return FlutterMap(
  mapController: MapController(),
  options: MapOptions(
    center: LatLng(0.0, 0.0),
    zoom: 10,
    maxZoom: 13,
    bounds: LatLngBounds(
      LatLng(51.74920, -0.56741),
      LatLng(51.25709, 0.34018),
    ),
    rotation: 180.0,
  ),
  children: [],
);
}
}

Answer 1

因为您正在显示一个地图，即使它没有加载，检查如果加载了地图是否加载，然后显示映射小部件。

以下是一个例子，

return Container(
  height: size.height,
  width: size.width,
  child: Stack(
    children: <Widget>[
      GoogleMap(
        initialCameraPosition: CameraPosition(
          target: LatLng(37.4220, -122.0841),
          zoom: 15,
        ),
        onMapCreated: (GoogleMapController controller) =>
            setState(() => _mapLoading = false),
      ),
      (_mapLoading)
          ? Container(
              height: size.height,
              width: size.width,
              color: Colors.grey[100],
              child: Center(
                child: CircularProgressIndicator(),
              ),
            )
          : Container(),
    ],
  ),
);