fluttergoogle-mapsmobile

Path,Roads are black in Google Maps Flutter


when I zoom 14 and more lines look black. When less 14, It is okay.

Image 1

Image 2

  @override
  Widget build(BuildContext context) {
    return GoogleMap(
      onMapCreated: (controller) {
        _googleMapController = controller;
        // rootBundle.loadString('assets/map_style.txt').then((value) {
        //   mapStyle = value;
        //   _googleMapController.setMapStyle(mapStyle);
        // }).catchError((e) {
        //   log(e.toString());
        // });
      },
      zoomControlsEnabled: false,
      liteModeEnabled: false,
      minMaxZoomPreference: const MinMaxZoomPreference(1, 20),
      mapToolbarEnabled: false,
      trafficEnabled: false,
      initialCameraPosition: CameraPosition(
        target: widget.userLocation,
        zoom: 13,
      ),
      
      markers: {
        Marker(
          markerId: const MarkerId('userLocation'),
          position: widget.userLocation,
          icon: BitmapDescriptor.defaultMarkerWithHue(
            BitmapDescriptor.hueRed,
          ),
          
        ),
      },
    );
  }

I tried to set map style and change some properties but didn't work.


Solution

  • Faced same problem, try run it on real device. I have this bug only on emulator, real device works fine.