GMap.NET WinForms 实现地面叠加层时缩放纹理变形问题咨询

你现在用TextureBrush填充多边形的实现存在两层核心问题，最终导致效果异常：

• 实现逻辑不匹配：GMapPolygon的内置渲染流程是将地理顶点投影为当前视口的屏幕坐标后，调用FillPolygon完成填充；而TextureBrush默认以屏幕左上角为原点做固定像素平铺，不会跟随地图的缩放、投影变化调整纹理映射关系。当地图缩放级别改变时，多边形的屏幕投影边界会实时变形，但纹理的位置、缩放比例完全不匹配边界变化，最终就会出现纹理拉伸、错位、损坏的效果
• 代码本身缺陷：你代码里初始化的空TextureBrush没有绑定任何图像源，就算没有变形问题，也根本无法正常显示自定义纹理

这种实现逻辑和谷歌地图JavaScript API里的Ground Overlay有本质区别：后者是将叠加图片按照给定的地理四角边界，随投影实时做仿射变换贴合，而不是用固定纹理填充任意形状。

放弃多边形+纹理填充的实现思路，基于GMap.NET的自定义Marker渲染机制，实现每帧随地图投影动态更新的图片叠加层，核心逻辑是在地图每次重绘时，把地理边界转换为当前视口的屏幕坐标，再将自定义图片精准绘制到对应区域。

实现步骤 #

• 自定义地面叠加层类，继承GMapMarker，存储叠加图片、对应的四角地理边界
• 重写Marker的OnRender渲染方法，在每次触发渲染时，将四个地理边界点通过GMap的坐标转换方法转为当前视口的屏幕相对坐标
• 调用GDI+的带顶点参数的DrawImage方法，让系统自动对图片做仿射/透视变换，精准贴合到四个屏幕点围成的区域
• 开启高质量图像插值，避免缩放过程中图片出现锯齿、模糊的损坏效果

可直接复用的代码实现 #

自定义叠加层类：

using System.Drawing;
using System.Drawing.Drawing2D;
using System.Linq;
using GMap.NET;
using GMap.NET.WindowsForms;
using GMap.NET.WindowsForms.Markers;

public class GroundOverlay : GMapMarker
{
    private readonly Bitmap _overlayImage;
    private readonly PointLatLng[] _geoCorners; // 顺序：左上、右上、右下、左下
    public Pen BorderPen = new Pen(Color.Red, 1);

    public GroundOverlay(GMapControl map, PointLatLng[] geoCorners, Bitmap overlayImage) 
        : base(geoCorners[0])
    {
        _geoCorners = geoCorners;
        _overlayImage = overlayImage;
        IsHitTestVisible = false; // 不需要响应鼠标交互可关闭
    }

    public override void OnRender(Graphics g)
    {
        // 提升图像渲染质量
        g.InterpolationMode = InterpolationMode.HighQualityBicubic;
        g.PixelOffsetMode = PixelOffsetMode.HighQuality;

        // 转换地理坐标为当前视口下的屏幕相对坐标
        Point[] screenCorners = _geoCorners.Select(geoPoint => 
            this.Map.FromLatLngToLocal(geoPoint)).ToArray();
        
        // 直接绘制贴合的叠加图片，替代原来的纹理填充
        g.DrawImage(_overlayImage, screenCorners);
        // 绘制边界线
        g.DrawPolygon(BorderPen, screenCorners);
    }
}

替换原有多边形逻辑的调用代码：

// 定义和原多边形一致的地理边界
PointLatLng[] overlayBounds = new PointLatLng[]
{
    new PointLatLng(48.866383, 2.323575), // 左上
    new PointLatLng(48.863727, 2.331918), // 右上
    new PointLatLng(48.861017, 2.330030), // 右下
    new PointLatLng(48.863868, 2.321554)  // 左下
};

// 加载自定义的叠加图片
Bitmap customOverlayImage = new Bitmap("your-custom-overlay-path.png");
// 初始化叠加层
GroundOverlay myGroundOverlay = new GroundOverlay(gmap, overlayBounds, customOverlayImage);
// 添加到地图图层
GMapOverlay groundOverlayLayer = new GMapOverlay("groundOverlays");
groundOverlayLayer.Markers.Add(myGroundOverlay);
gmap.Overlays.Add(groundOverlayLayer);

• 不要在初始化阶段就固定纹理的变换矩阵，所有坐标转换、图片绘制都要放到OnRender方法里执行，确保缩放、平移、旋转操作时，叠加层能实时跟随视口更新
• 如果叠加图片需要半透明效果，可以在加载图片时通过ColorMatrix调整透明度，不需要额外修改渲染逻辑
• 大尺寸叠加图片可以提前做预裁剪、降采样，避免高缩放级别下出现性能卡顿

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