0

放大地图时，它会在最后创建一个白色屏幕。有人知道为什么吗？

发生在 Android 和 iOS 上。在模拟器/模拟器和发布模式下的物理设备上。适用于所有图块服务：Google、MapBox 和 OpenStreetMap。

Google Maps 和 MapBox 包不会发生这种情况，但是它们都很慢，并且在它们显示的页面上滚动时会不断地卡住列表视图。

这个 gif 显示了会发生什么：

在此处输入图像描述

这是我的最小代码示例：

Widget build(BuildContext context) {
  return Scaffold(
      body: FlutterMap(
    options: MapOptions(
      center: LatLng(routeLat, routeLong),
      zoom: 17.0,
    ),
    layers: [
      TileLayerOptions(
        urlTemplate:
            mapStringAndKey
      ),
      MarkerLayerOptions(
        markers: [
          Marker(
            width: 150.0,
            height: 100.0,
            point: LatLng(routeLat, routeLong),
            builder: (ctx) => Container(
              child: Column(
                children: [
                  Icon(
                    Icons.location_on,
                    size: 40,
                    color: Colors.blue,
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    ],
  ));
}

谢谢你的任何想法。

4

2 回答 2

0

FlutterMap 提供了最大和最小缩放，这可能是正确的，但是使用 MapBox 或 Google 地图只会更好地放大。

我最终在全屏页面中使用了 MapBox 包https://pub.dev/packages/mapbox_gl，它不会像在滚动视图中那样影响滚动，并且将在滚动视图中使用静态图像或 flutter_map确保滚动视图快速并将用户从那里重定向到地图。

于 2021-01-22T17:12:51.613 回答
0

这可能是因为 FlutterMap 正在尝试为不受支持的缩放级别加载地图图块。每次缩放时，FlutterMap 都会为新的缩放级别获取图块。您应该定义一个maxZoom属性来阻止用户过度缩放并获得白屏。

FlutterMap(
   options: MapOptions(
      maxZoom: // your maxZoom value
   ),
   // ...
)
于 2021-01-21T21:13:17.640 回答