google-maps - Flutter GoogleMaps - 自定义标记的动态着色

Question

Flutter Google Maps 允许在 map 上使用标准/默认标记。您还可以以编程方式将颜色应用到此标记，以向您的应用程序添加各种颜色。

但是，我似乎无法使用相同的技术将颜色动态应用于自定义(白色)标记。与其制作 10 个具有不同颜色的自定义标记，我更喜欢使用纯白色标记，并使用 Hue 动态着色它。或颜色混合。

默认标记

    bool bToggle = true; 

    _markers.add(Marker(
        markerId: MarkerId(markerid),
        position: newPos,
        onTap: () {
          ...
        },
        infoWindow: InfoWindow(
          ...
        ),
        icon: BitmapDescriptor.defaultMarkerWithHue(
           (bToggle) ? BitmapDescriptor.hueYellow : BitmapDescriptor.hueRed
        ),        
      ));

自定义标记

    _markers.add(Marker(
        markerId: MarkerId(markerid),
        position: newPos,
        onTap: () {
          ...
        },
        infoWindow: InfoWindow(
          ...
        ),
        icon: BitmapDescriptor.fromAssetImage(ImageConfiguration(devicePixelRatio: 2.5), 'assets/markers/pin-blue.png')
        ),        
      ));

非常感谢

Answer 1

标记不会将其颜色更改为 BitmapDescriptor 色调的原因是需要重建屏幕以检测 bToggle 上的值更改。 .你可以在这里做的是拨打 setState()关于值(value)变化。