如何使用flutter_map包添加地图？

Question

我正在使用包 flutter_map 在我的应用程序中添加地图（我在 这个视频 中一步一步进行）。我的代码是这样的：

FlutterMap(
  mapController: mapController,
  options: MapOptions(
    initialCenter: const LatLng(51.5, -0.09),
    initialZoom: 5,
  ),
  children: [
    TileLayer(
      tileProvider: AssetTileProvider(),
      urlTemplate:
          'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
    ),
  ],
),

但是当我运行时，它在控制台中显示错误：

Unable to load asset: "https://tile.openstreetmap.org/5/15/10.png"
Unable to load asset: "https://tile.openstreetmap.org/5/20/10.png"
...

然后我在其他视频中再次一步一步进行：https://youtu.be/hZwrcOTxDJI?si=2XiBv7_iKbZtFaDR 仍然显示错误：

Unable to load asset: ...

即使我正确遵循了说明，我也不知道为什么会导致此问题。有人能帮助我吗？非常感谢。

Answer 1

您正在使用tileProvider作为AssetProvider。

您应该使用NetworkTileProvider。