在UIView显示前转为UIImage，实现谷歌地图GMSMarker自定义标记

我之前也碰到过一模一样的需求——要在Google Maps指定坐标上放自定义UIView，折腾了几种方法后，发现把UIView转成UIImage再用GMSMarker添加是最省心的方案。下面把完整实现步骤整理给你：

1. 补全UIView转UIImage的扩展 #

你找到的代码有点截断，这里给你补全完整且更健壮的版本：

extension UIImage {
    convenience init(view: UIView) {
        // 开启图形上下文，适配视图透明度和屏幕缩放
        UIGraphicsBeginImageContextWithOptions(view.bounds.size, view.isOpaque, 0.0)
        // 用defer确保上下文一定会被关闭，避免内存泄漏
        defer { UIGraphicsEndImageContext() }
        
        // 绘制视图层级（比draw(_:)更能还原复杂视图的样式）
        view.drawHierarchy(in: view.bounds, afterScreenUpdates: true)
        
        // 安全获取上下文里的图片，避免崩溃
        guard let contextImage = UIGraphicsGetImageFromCurrentImageContext(),
              let cgImage = contextImage.cgImage else {
            self.init()
            return
        }
        self.init(cgImage: cgImage)
    }
}

2. 把自定义UIView转成Marker添加到地图 #

假设你已经有了目标坐标targetCoordinate和自定义的customView，可以这么实现：

// 1. 先创建你的自定义UIView（这里举个简单例子）
let customView = UIView(frame: CGRect(x: 0, y: 0, width: 60, height: 60))
customView.backgroundColor = .systemBlue
customView.layer.cornerRadius = 30

// 给view加子控件（比如文本、图标都可以）
let tipLabel = UILabel(frame: customView.bounds)
tipLabel.text = "我的标记"
tipLabel.textColor = .white
tipLabel.textAlignment = .center
tipLabel.font = .systemFont(ofSize: 12)
customView.addSubview(tipLabel)

// 2. 把UIView转换成UIImage
let markerImage = UIImage(view: customView)

// 3. 创建GMSMarker并挂载到地图上
let marker = GMSMarker(position: targetCoordinate)
marker.icon = markerImage
marker.map = yourGMSMapView // 替换成你自己的GMSMapView实例

几个实用小提示 #

• 如果你的UIView刚更新了内容（比如刚改了文本），转图片前记得调用customView.layoutIfNeeded()，确保布局完全生效
• 要是觉得生成的图片模糊，可以把UIGraphicsBeginImageContextWithOptions的第三个参数改成UIScreen.main.scale，强制适配屏幕分辨率
• 要是需要频繁更新标记内容，也可以试试GMSMarker的iconView属性，但这个属性在某些复杂布局下可能出现偏移问题，按需选择就好

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