Swift MapKit：如何仅加载地图区域变化的新增可见区域？

要解决地图微小变化就全量加载的问题，核心思路是记录已加载的区域，仅请求当前可见区域与已加载区域的差集部分，具体实现步骤如下：

1. 存储已加载区域 #

在视图控制器中添加属性，记录上次加载的区域，同时可选添加定时器做请求节流，避免拖拽地图时频繁触发请求：

private var lastLoadedRegion: MKCoordinateRegion?
private var regionChangeTimer: Timer? // 用于节流，避免拖拽过程中多次请求

2. 调整区域变化监听逻辑 #

修改regionDidChangeAnimated方法，等待地图操作结束后（比如拖拽停止）再计算新增区域，减少无效请求：

func mapView(_ mapView: MKMapView, regionDidChangeAnimated animated: Bool) {
    // 取消之前的定时器，避免重复触发
    regionChangeTimer?.invalidate()
    
    // 延迟0.3秒执行，确保地图操作已结束
    regionChangeTimer = Timer.scheduledTimer(withTimeInterval: 0.3, repeats: false) { [weak self] _ in
        guard let self = self else { return }
        let currentRegion = mapView.region
        
        // 首次加载直接请求全区域
        guard let lastRegion = self.lastLoadedRegion else {
            self.parent.loadPlaces(for: currentRegion)
            self.lastLoadedRegion = currentRegion
            return
        }
        
        // 计算当前区域与已加载区域的差集，得到需要新增请求的区域
        let newRegions = self.calculateNewRegions(current: currentRegion, last: lastRegion)
        
        // 对每个新增区域单独请求数据
        newRegions.forEach { region in
            self.parent.loadPlaces(for: region)
        }
        
        // 更新已加载区域为当前区域
        self.lastLoadedRegion = currentRegion
    }
}

3. 实现差集区域计算 #

编写辅助方法，将区域转换为经纬度边界，然后对比得出上下左右四个方向的新增区域：

// 计算当前区域相对已加载区域的新增区域
private func calculateNewRegions(current: MKCoordinateRegion, last: MKCoordinateRegion) -> [MKCoordinateRegion] {
    let currentBounds = self.getCoordinateBounds(for: current)
    let lastBounds = self.getCoordinateBounds(for: last)
    
    var newRegions = [MKCoordinateRegion]()
    
    // 上方新增区域
    if currentBounds.maxLat > lastBounds.maxLat {
        let topRegion = MKCoordinateRegion(
            center: CLLocationCoordinate2D(
                latitude: (currentBounds.maxLat + lastBounds.maxLat) / 2,
                longitude: current.center.longitude
            ),
            span: MKCoordinateSpan(
                latitudeDelta: currentBounds.maxLat - lastBounds.maxLat,
                longitudeDelta: current.span.longitudeDelta
            )
        )
        newRegions.append(topRegion)
    }
    
    // 下方新增区域
    if currentBounds.minLat < lastBounds.minLat {
        let bottomRegion = MKCoordinateRegion(
            center: CLLocationCoordinate2D(
                latitude: (currentBounds.minLat + lastBounds.minLat) / 2,
                longitude: current.center.longitude
            ),
            span: MKCoordinateSpan(
                latitudeDelta: lastBounds.minLat - currentBounds.minLat,
                longitudeDelta: current.span.longitudeDelta
            )
        )
        newRegions.append(bottomRegion)
    }
    
    // 左侧新增区域
    if currentBounds.minLng < lastBounds.minLng {
        let leftRegion = MKCoordinateRegion(
            center: CLLocationCoordinate2D(
                latitude: current.center.latitude,
                longitude: (currentBounds.minLng + lastBounds.minLng) / 2
            ),
            span: MKCoordinateSpan(
                latitudeDelta: current.span.latitudeDelta,
                longitudeDelta: lastBounds.minLng - currentBounds.minLng
            )
        )
        newRegions.append(leftRegion)
    }
    
    // 右侧新增区域
    if currentBounds.maxLng > lastBounds.maxLng {
        let rightRegion = MKCoordinateRegion(
            center: CLLocationCoordinate2D(
                latitude: current.center.latitude,
                longitude: (currentBounds.maxLng + lastBounds.maxLng) / 2
            ),
            span: MKCoordinateSpan(
                latitudeDelta: current.span.latitudeDelta,
                longitudeDelta: currentBounds.maxLng - lastBounds.maxLng
            )
        )
        newRegions.append(rightRegion)
    }
    
    return newRegions
}

// 辅助方法：将MKCoordinateRegion转换为经纬度边界（最小/最大经纬度）
private func getCoordinateBounds(for region: MKCoordinateRegion) -> (minLat: CLLocationDegrees, maxLat: CLLocationDegrees, minLng: CLLocationDegrees, maxLng: CLLocationDegrees) {
    let minLat = region.center.latitude - (region.span.latitudeDelta / 2)
    let maxLat = region.center.latitude + (region.span.latitudeDelta / 2)
    let minLng = region.center.longitude - (region.span.longitudeDelta / 2)
    let maxLng = region.center.longitude + (region.span.longitudeDelta / 2)
    return (minLat, maxLat, minLng, maxLng)
}

额外注意事项 #

• 确保后端接口支持按MKCoordinateRegion对应的经纬度范围查询地点，返回该范围内的所有数据。
• 如果需要处理地图缩放场景：放大时当前区域是已加载区域的子集，无需请求；缩小时按上述逻辑请求新增的外围区域即可。
• 若需处理跨180°经线的场景，需在getCoordinateBounds方法中额外判断经纬度的边界值，避免生成异常区域。
• 进阶优化：可以维护一个已加载区域的集合（而非单个区域），每次计算当前区域与所有已加载区域的差集，更精准地避免重复请求。

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