首页 > 解决方案 > 在 Flutter 中设置谷歌地图多边形的不透明度颜色

问题描述

有人知道如何在我的多边形坐标中设置不透明度颜色,我只希望我的多边形中的黑色背景将颜色设置为具有不透明度颜色的紫色,并且与多边形的边界相同。有可能吗?如果有人能弄清楚,那就太好了,非常感谢你!

在此处输入图像描述

我的多边形

  Set<Polygon> myPolygon() {
    List<LatLng> polygonCoords = new List();
    polygonCoords.add(LatLng(8.9442, 125.5321));
    polygonCoords.add(LatLng(8.9486, 125.5364));
    polygonCoords.add(LatLng(8.9303, 125.5384));
    polygonCoords.add(LatLng(8.9442, 125.5321));
    Set<Polygon> polygonSet = new Set();
    polygonSet.add(Polygon(
        polygonId: PolygonId('test'),
        points: polygonCoords,
        strokeColor: Colors.red));  //color of the border
    return polygonSet;
  }

我的谷歌地图

  @override
  Widget build(BuildContext context){
    return Scaffold(
        backgroundColor: Colors.deepOrange,
        appBar: AppBar(
          title: Text('Google Map API'),
        ),
        body:Padding(
            padding: EdgeInsets.only(bottom: 16.0),
            child: GoogleMap(
              onMapCreated:  _onMapCreated,
              polygons: myPolygon(), markers: _markers,
              mapType: MapType.normal,
              initialCameraPosition:CameraPosition(target: LatLng(8.9405, 125.5364),
                zoom: 15,
            ))
        ),
    );
  }

标签: androidapiflutterandroid-studiogoogle-maps

解决方案


尝试这个:

 polygonSet.add(Polygon(
        polygonId: PolygonId('test'),
        points: polygonCoords,
        fillColor: Colors.red.withOpacity(0.2),
        strokeColor: Colors.red));  //color of the border

推荐阅读