flutter Missing part of map while moving on Android

svujldwt  于 2个月前  发布在  Flutter
关注(0)|答案(6)|浏览(38)

这个bug报告属于哪个软件包？
google_maps_flutter

你在哪些目标平台上看到了这个bug?
Android

你是否已经升级了你的软件包？
是的

重现问题的步骤：

  1. 使用谷歌Map小部件
  2. 移动Map并放大缩小

预期的结果：
平滑的Map相机，不会出现白色的方框。在iOS上工作正常且流畅。

实际结果：
视频中出现了白色的方框。有时即使建筑物被禁用，你仍然可以看到它们的轮廓。

代码示例：
代码示例

GoogleMap(
            style: MapStyle.style,//json string from assets/map_style.json
            padding: EdgeInsets.only(
              top: MediaQuery.of(context).viewPadding.top +
                  180,
              bottom: 15,
            ),
            onMapCreated: c.onMapCreated,
            initialCameraPosition: 
                CameraPosition(
                  target: c.center,
                  zoom: 16.5,
                ),
            myLocationButtonEnabled: true,
            myLocationEnabled: true,
            markers: c.markers.values.toSet(),
            buildingsEnabled: false,
            compassEnabled: true,
          )

截图或视频演示：
Screenshots / Video demonstrationrecord.webm

Flutter Doctor输出：
Doctor output

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.5, on Arch Linux 6.8.4-arch1-1, locale C.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.3)
[✓] IntelliJ IDEA Community Edition (version 2024.1)
[✓] Connected device (2 available)
[✓] Network resources

• No issues found!
flutter

6条答案

按热度按时间
exdqitrt

exdqitrt1#

你好，@kmeljko
我使用package sample code(MapUI页面)检查了这个问题，但没有看到问题。
也许这与你在map_style.json中定义的Map样式有关。你能提供一个完整且最小化的示例代码吗？

赞(0）分享  回复(0）举报  2个月前
jdg4fx2g

jdg4fx2g2#

record2.webm
Hi, I added my map style to example project from packages repo that you linked and it gives same issue.
I am sending code that i used on map_click.dart for my case in that project.

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'page.dart';

const CameraPosition _kInitialPosition =
    CameraPosition(target: LatLng(-33.852, 151.211), zoom: 11.0);

class MapClickPage extends GoogleMapExampleAppPage {
  const MapClickPage({Key? key})
      : super(const Icon(Icons.mouse), 'Map click', key: key);

  @override
  Widget build(BuildContext context) {
    return const _MapClickBody();
  }
}

class _MapClickBody extends StatefulWidget {
  const _MapClickBody();

  @override
  State<StatefulWidget> createState() => _MapClickBodyState();
}

class _MapClickBodyState extends State<_MapClickBody> {
  _MapClickBodyState();

  GoogleMapController? mapController;
  String? style;
  @override
  void initState() {
    super.initState();
    load();
  }

  Future<String> _getFileData(String path) async {
    return rootBundle.loadString(path);
  }

  Future<void> load() async {
    style = await _getFileData('assets/map_style.json');
    setState(() async {});
  }

  @override
  Widget build(BuildContext context) {
    final GoogleMap googleMap = GoogleMap(
      onMapCreated: onMapCreated,
      style: style,
      initialCameraPosition: _kInitialPosition,
      padding: EdgeInsets.only(
        top: MediaQuery.of(context).viewPadding.top + 180,
        bottom: 15,
      ),
      myLocationButtonEnabled: true,
      myLocationEnabled: true,
      buildingsEnabled: false,
      compassEnabled: true,
    
    );
    return googleMap;
  }

  Future<void> onMapCreated(GoogleMapController controller) async {
    setState(() {
      mapController = controller;
    });
  }
}

Also map style is included
map_style.json

赞(0）分享  回复(0）举报  2个月前
r9f1avp5

r9f1avp53#

问题记录在模拟器(Pixel 7 API 30)上，但它也在不同的Android设备上存在。

赞(0）分享  回复(0）举报  2个月前
ltqd579y

ltqd579y4#

感谢您的更新。我也能在我的设备Realme 6, Android 11上看到这个问题。当缩小Map时，白色方框 Flink 。

flutter doctor -v (stable and master)

[✓] Flutter (Channel stable, 3.19.6, on macOS 14.1 23B74 darwin-x64, locale en-VN)
• Flutter version 3.19.6 on channel stable at /Users/huynq/Documents/GitHub/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 54e66469a9 (31 hours ago), 2024-04-17 13:08:03 -0700
• Engine revision c4cd48e186
• Dart version 3.3.4
• DevTools version 2.31.1

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at /Users/huynq/Library/Android/sdk
• Platform android-34, build-tools 34.0.0
• ANDROID_HOME = /Users/huynq/Library/Android/sdk
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)
• All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.3)
• Xcode at /Applications/Xcode15.3.app/Contents/Developer
• Build 15E204a
• CocoaPods version 1.15.2

[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2023.2)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• android-studio-dir = /Applications/Android Studio.app/
• Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)

[✓] VS Code (version 1.88.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.86.0

[✓] Connected device (3 available)
• RMX2001 (mobile) • EUYTFEUSQSRGDA6D • android-arm64 • Android 11 (API 30)
• macOS (desktop) • macos • darwin-x64 • macOS 14.1 23B74 darwin-x64
• Chrome (web) • chrome • web-javascript • Google Chrome 123.0.6312.124

[✓] Network resources
• All expected network resources are available.

• No issues found!

[!] Flutter (Channel master, 3.22.0-15.0.pre.15, on macOS 14.1 23B74 darwin-x64, locale en-VN)
• Flutter version 3.22.0-15.0.pre.15 on channel master at /Users/huynq/Documents/GitHub/flutter_master
! Warning: flutter on your path resolves to /Users/huynq/Documents/GitHub/flutter/bin/flutter, which is not inside your current Flutter SDK checkout at /Users/huynq/Documents/GitHub/flutter_master. Consider adding /Users/huynq/Documents/GitHub/flutter_master/bin to the front of your path.
! Warning: dart on your path resolves to /Users/huynq/Documents/GitHub/flutter/bin/dart, which is not inside your current Flutter SDK checkout at /Users/huynq/Documents/GitHub/flutter_master. Consider adding /Users/huynq/Documents/GitHub/flutter_master/bin to the front of your path.
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 89a4ffaad5 (56 minutes ago), 2024-04-22 22:16:42 -0400
• Engine revision f8e373da52
• Dart version 3.5.0 (build 3.5.0-86.0.dev)
• DevTools version 2.35.0-dev.8
• If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at /Users/huynq/Library/Android/sdk
• Platform android-34, build-tools 34.0.0
• ANDROID_HOME = /Users/huynq/Library/Android/sdk
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)
• All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.3)
• Xcode at /Applications/Xcode15.3.app/Contents/Developer
• Build 15E204a
• CocoaPods version 1.15.2

[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2023.2)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• android-studio-dir = /Applications/Android Studio.app/
• Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)

[✓] VS Code (version 1.88.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.86.0

[✓] Connected device (2 available)
• macOS (desktop) • macos • darwin-x64 • macOS 14.1 23B74 darwin-x64
• Chrome (web) • chrome • web-javascript • Google Chrome 124.0.6367.62

[✓] Network resources
• All expected network resources are available.

! Doctor found issues in 1 category.

赞(0）分享  回复(0）举报  2个月前
7rtdyuoh

7rtdyuoh5#

是否有更新？

赞(0）分享  回复(0）举报  2个月前
dgsult0t

dgsult0t6#

这个问题缺少优先级标签。请在添加triaged-android标签时设置一个优先级标签。

赞(0）分享  回复(0）举报  2个月前
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备2022004421号-2 NULL123 https://www.null123.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com