如何为MKMapView添加图片覆盖层？Swift开发技术问询

嘿，很高兴看到你已经在MapKit的多边形绘制上取得了进展！要把红色填充替换成自定义图片，只需要调整mapView(_:rendererFor:)代理方法里的代码，用MKPolygonRenderer的fillPattern属性就能实现，具体操作如下：

核心修改说明 #

你需要替换原来设置fillColor的代码，改为加载你的目标图片并将其设为填充图案。注意要确保你的图片已经添加到Xcode项目的资源文件中（比如命名为customOverlayImage.png）。

更新后的完整代码 #

class ViewController: UIViewController, MKMapViewDelegate, CLLocationManagerDelegate {
    @IBOutlet var mapView: MKMapView!
    var locationManager: CLLocationManager!
    var mapOverlay: MKOverlay!

    override func viewDidLoad() {
        super.viewDidLoad()
        var points = [CLLocationCoordinate2D(latitude: -29.8122, longitude: 148.6351),
                      CLLocationCoordinate2D(latitude: -27.9307, longitude: 148.6351),
                      CLLocationCoordinate2D(latitude: -27.9307, longitude: 150.9909),
                      CLLocationCoordinate2D(latitude: -29.8122, longitude: 150.9909)]
        let tile = MKPolygon(coordinates: &points, count: points.count)
        tile.title = "zurich"
        mapView.addOverlay(tile)
        
        //Setup our Location Manager
        locationManager = CLLocationManager()
        locationManager.delegate = self
        locationManager.desiredAccuracy = kCLLocationAccuracyBest
        locationManager.startUpdatingLocation()
        
        //Setup our Map View
        mapView.delegate = self
        mapView.mapType = MKMapType.satellite
        mapView.showsUserLocation = true
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    // mapView delegate function
    func mapView(_ mapView: MKMapView, rendererFor overlay: MKOverlay) -> MKOverlayRenderer {
        guard let polygonOverlay = overlay as? MKPolygon else {
            return MKOverlayRenderer(overlay: overlay)
        }
        
        let renderer = MKPolygonRenderer(overlay: polygonOverlay)
        
        // 加载自定义图片作为填充图案
        if let overlayImage = UIImage(named: "customOverlayImage") {
            renderer.fillPattern = overlayImage
            // 可选：调整透明度让图片和地图融合更自然
            renderer.alpha = 0.7
        } else {
            // 图片加载失败时的备选方案，用红色填充
            renderer.fillColor = .red
        }
        
        return renderer
    }
}

额外实用提示 #

• 图片适配：如果你的图片尺寸较小，会自动重复填充整个多边形；如果需要拉伸或保持比例，可以使用UIImage的resizableImage(withCapInsets:resizingMode:)方法调整。
• 版本兼容：fillPattern属性从iOS 10开始支持，目前绝大多数设备都满足这个要求，无需担心兼容性问题。
• 资源检查：确保图片文件名拼写正确，并且已经勾选了对应的target，避免出现图片加载为nil的情况。

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