Question

我有一个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()),
        ],
      )
    ],
  )
);
}

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

您知道如何避免这些空白吗？

修改

我测试了许多图块服务器，并且总是一样。但是有了Google地图和map_view库，我就没有这个问题了……

Answer 1

这是当前库的限制。 https://github.com/johnpryan/flutter_map/issues/79

在Flutter应用程序中，避免在OpenStreetMap上的flutter_map上留空白

1 个答案: