在 Flutter 应用程序中使用 OpenStreetMap 在flutter_map 上避免空白答案

【问题标题】：Avoid blank space on flutter_map with OpenStreetMap in a Flutter application在 Flutter 应用程序中使用 OpenStreetMap 在flutter_map 上避免空白
【发布时间】：2019-05-26 16:25:57
【问题描述】：

我有一个 Flutter 应用程序，我添加了库 flutter_map 以在应用程序中添加 OpenStreetMap 地图。

这是我添加地图的代码：

  Widget build(BuildContext context) {
return Scaffold(
  body: Stack(
    children: <Widget>[
      FlutterMap(
        options: MapOptions(
          onPositionChanged: (position, hasGesture) =>
              _handleOnPositionChanged(position, hasGesture, context),
          center: center,
          zoom: zoom,
          onTap: (location) {
            print(location);
          },
        ),
        layers: [
          TileLayerOptions(
            urlTemplate:
                'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png',
            subdomains: ['a', 'b', 'c'],
            keepBuffer: 6,
            backgroundColor: Colors.white,
            tileSize: 256,
            cachedTiles: true,
          ),
          new MarkerLayerOptions(markers: getListOfMarkers()),
        ],
      )
    ],
  )
);
}

但在应用程序中，当我们在地图中缩放或移动时，加载需要一些时间，因此整个地图或仅在某些地方会显示空白。

你知道我该怎么做才能避免这些空格吗？

编辑

我测试了许多磁贴服务器，它总是一样的。但是有了谷歌地图和map_view图书馆，我就没有这个问题了……

【问题讨论】：

尝试不同的磁贴服务器。如果问题仍然存在，请检查您的网络连接、代理服务器等。
感谢您的评论！但我已经用不同的瓷砖服务器进行了测试。我总是有同样的问题。而且我的网络连接正常，而且我没有代理...

标签： flutter dart leaflet openstreetmap

【解决方案1】：

这是目前图书馆的限制。 https://github.com/johnpryan/flutter_map/issues/79

【讨论】：