如何在 Flutter 'Web' 中显示 OSM 地图？答案

【问题标题】：How can I display OSM maps in Flutter 'Web'?如何在 Flutter 'Web' 中显示 OSM 地图？
【发布时间】：2020-07-20 02:48:04
【问题描述】：

我正在尝试使用 Flutter Web 创建一个自定义地图，该地图能够显示 COVID-19 地点的自定义统计信息。

首先，我们将有一个界面来显示我们整个星球的统计数据： https://google.com/covid19-map/?hl=en（就像 htisw）

然后，用户可以单击任何国家/地区进行放大，可能会轻松过渡，以查看该国家/地区每个州或省的病例数。假设我能够获取该国震中的确切坐标，我想加深这些部分的阴影，以便在我们向病例数量较少的地区移动时，它会变亮。

在 Flutter Web 中可以吗？

我遇到了这个插件（感谢 SO Openstreetmap in Flutter? 上的这个帖子）

但并未明确表示支持 Flutter Web。

我尝试从 OSM（Open Street Map）获取图块，并借助上述站点 https://pub.dev/packages/flutter_map#open-street-map-provider 中给出的示例在 Flutter Web 上显示地图

但它并没有真正显示任何东西，可能是因为某个小部件或功能没有按预期工作。

根据您的经验，哪种方式是实现我所寻求的最佳方式？

如果可能，请以您就是我并尝试做我正在做的事情的方式描述答案。

【问题讨论】：

【解决方案1】：

Flutter_map 不支持 Flutter Web。

【讨论】：

【解决方案2】：

您可以查看下面的 Flutter Maps 小部件，它支持包括 web 在内的所有平台。

关于你提到的要求，你可以试试下面的东西。

【讨论】：