如何在Google Maps Swift API中实现数据点自定义绿到红渐变色

方案1：使用GMSCircle实现（推荐，适配点数量<1000的场景） #

核心逻辑：放弃原生热力图层，每个数据点对应一个独立的GMSCircle实例，固定半径保证所有点显示面积一致，填充色根据自定义强度值动态计算绿到红的渐变。
实现步骤：

• 统一设置点的显示半径，可选择固定地理半径或固定屏幕像素半径
• 新增强度转颜色的工具方法，将自定义的强度值归一化后映射为绿到红的对应色
• 遍历所有数据点生成GMSCircle并添加到地图
  示例代码：

// 1. 预定义配置
let desiredScreenRadius: Double = 10 // 点的屏幕半径（单位：像素）
var pointCircleList: [GMSCircle] = [] // 存储所有点的实例，方便后续批量更新

// 2. 强度转颜色工具方法
func getColorFromIntensity(intensity: Double) -> UIColor {
    // 确保强度归一化到0~1范围，可根据你的实际强度上下限调整
    let clampedIntensity = max(0, min(1, intensity))
    // HSV色域转换：绿色色相为120°(对应值0.333)，红色色相为0°(对应值0)
    return UIColor(
        hue: (1 - clampedIntensity) * 0.333,
        saturation: 1,
        brightness: 1,
        alpha: 0.7 // 透明度可自行调整
    )
}

// 3. 批量生成点
for dataItem in yourDataSource {
    let coordinate = CLLocationCoordinate2DMake(dataItem.lat, dataItem.lng)
    let circle = GMSCircle(position: coordinate, radius: 0)
    circle.fillColor = getColorFromIntensity(intensity: dataItem.intensity)
    circle.strokeWidth = 0 // 不需要边框可设为0
    circle.map = mapView
    pointCircleList.append(circle)
}

// 4. 监听地图缩放，保证所有点屏幕大小一致
extension YourViewController: GMSMapViewDelegate {
    func mapView(_ mapView: GMSMapView, didChange position: GMSCameraPosition) {
        // 计算当前缩放级别下1像素对应的地理米数
        let pointsPerMeter = mapView.projection.points(forMeters: 1, at: position.target)
        let radiusInMeters = desiredScreenRadius / pointsPerMeter
        // 批量更新所有点的半径
        pointCircleList.forEach { $0.radius = radiusInMeters }
    }
}

方案优势：实现成本极低，每个点的颜色、大小、透明度都可单独自定义，完全匹配需求，点数量在1000以内时性能无压力。

方案2：自定义热力瓦片图层（适配点数量>1000的大数据场景） #

如果数据量过大，GMSCircle的渲染性能不足时，可自定义热力瓦片生成逻辑：

• 抛弃原生GMUHeatmapTileLayer的默认强度规则，强制所有点的绘制半径为固定值
• 瓦片渲染时，每个点的颜色直接通过自定义强度值换算为绿到红的对应色，不使用原生全局渐变规则
• 若需要保留点重叠聚合效果，可统计每个像素位置覆盖的所有点的平均强度，再换算为对应颜色即可

原生热力层无法适配的原因 #

GMUHeatmapTileLayer的设计逻辑中，强度参数同时控制点的扩散半径和颜色权重，且渐变规则为全局统一配置，没有提供单独固定点大小、自定义单点颜色的开放接口，因此无法直接通过原生热力层实现需求。

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