如何合并MAUI Map重叠圆形元素以消除深色重叠区域？

我在MAUI Map项目中添加了两个重叠的Circle元素，重叠区域因为透明度叠加导致颜色更深，找不到简便的解决方法。我不想用把圆形转为Polygon的复杂方式，但尝试用Polygon合并两个圆形时，出现了跨圆的多余线条，而且填充色也不显示，求可行的解决办法。

原始代码 #

var circle = new Circle
{
    Center = new Location(48.9624, 10.1295), // 圆心坐标（示例：柏林附近）
    Radius = new Distance(100), // 半径（单位：米）
    StrokeColor = Color.FromArgb("50FF0000"), // 边框颜色
    StrokeWidth = 1, // 边框宽度
    FillColor = Color.FromArgb("50FF0000"),// 填充色（半透明红色）
};

var circle1 = new Circle
{
    Center = new Location(48.9619, 10.1315), // 圆心坐标（示例：柏林附近）
    Radius = new Distance(100), // 半径（单位：米）
    StrokeColor = Color.FromArgb("50FF0000"), // 边框颜色
    StrokeWidth = 1, // 边框宽度
    FillColor = Color.FromArgb("50FF0000") // 填充色（半透明红色）
};

map.MapElements.Add(circle);
map.MapElements.Add(circle1);

尝试的Polygon合并代码（EDIT 1） #

var points = GeographyUtils.ToCircumferencePositions(circle);
points.AddRange(GeographyUtils.ToCircumferencePositions(circle1));

var polygon= new Polygon
{
    StrokeColor = Color.FromArgb("50FF0000"),
    StrokeWidth = 5, // 边框宽度
    FillColor = Color.FromArgb("50FF0000"),
};

foreach (var location in points)
{
    polyline.Geopath.Add(location); // 注：此处存在笔误，应为polygon.Geopath
}

map.MapElements.Add(polygon);

解决方案 #

方案一：快速避免透明度叠加（无需转Polygon） #

如果不想修改元素类型，直接调整填充色即可解决叠加问题：

• 只保留其中一个Circle的填充色，将另一个的FillColor设为透明：

circle1.FillColor = Colors.Transparent;

这样重叠区域不会叠加透明度，视觉上颜色统一，同时保留两个圆形的边框。

方案二：正确生成合并区域的Polygon #

你之前的Polygon代码有两个核心问题：

1. 直接拼接两个圆的顶点会导致路径交叉，出现跨圆线条——Polygon的路径必须是闭合且无交叉的区域轮廓，不能简单拼接所有顶点。
2. 代码存在笔误：polyline.Geopath应为polygon.Geopath，这会导致Polygon没有路径，填充色自然不显示。

要正确生成两个圆的并集Polygon，需要以下步骤：

1. 计算两个圆的交点（需考虑地图是平面还是球面，选择对应的几何计算逻辑）。
2. 根据交点将两个圆的轮廓顶点分割为两段，按顺序拼接成一个无交叉的闭合路径。
3. 将路径赋值给Polygon的Geopath属性。

示例代码框架（需补充地理计算逻辑）：

// 获取两个圆的轮廓顶点
var circlePoints = GeographyUtils.ToCircumferencePositions(circle);
var circle1Points = GeographyUtils.ToCircumferencePositions(circle1);

// 计算两个圆的交点（需自行实现或使用地理库）
var intersections = CalculateCircleIntersections(
    circle.Center, circle.Radius.Meters, 
    circle1.Center, circle1.Radius.Meters
);

// 生成并集的闭合路径（按顺序排列顶点，避免交叉）
var unionPath = BuildUnionPolygonPath(circlePoints, circle1Points, intersections);

// 创建并配置Polygon
var polygon = new Polygon
{
    StrokeColor = Color.FromArgb("50FF0000"),
    StrokeWidth = 1,
    FillColor = Color.FromArgb("50FF0000"),
};

foreach (var point in unionPath)
{
    polygon.Geopath.Add(point);
}

map.MapElements.Add(polygon);

关键说明：

• 若使用平面地图，可通过平面几何公式计算圆交点；若为球面地图，需使用球面三角学逻辑。
• 可以借助第三方地理空间库（如NetTopologySuite）简化多边形并集的计算，无需手动实现复杂的几何逻辑。

内容的提问来源于stack exchange，提问作者Kevin V