地图交互优化：仅加载新Pin而非重复加载已加载Pin的实现方案

核心思路 #

核心是区分已加载区域和新可视区域，只请求未加载区域的Pin数据，同时用唯一标识维护已加载Pin的集合，避免重复添加到地图。

具体实现步骤 #

• 维护两个全局集合：
  • HashSet<Pin>：存储已加载的Pin对象，用自定义比较器按Pin唯一ID去重
  • HashSet<string>：存储已请求过的地理区域标识，避免重复请求同一区域数据
• 只监听地图移动结束事件（不要在拖动过程中频繁触发请求，减少接口压力）
• 获取当前地图可视区域的经纬度范围（西南角、东北角坐标）
• 将可视区域拆分为固定大小的网格区域（可选，避免单次请求范围过大）
• 遍历网格，跳过已加载的区域，对未加载区域请求Pin数据
• 对比新返回的Pin和已加载集合，仅将未存在的Pin添加到地图
• 更新已加载区域和Pin集合

代码示例（通用C#逻辑，适配多数地图SDK） #

// 全局维护已加载的Pin和区域
private HashSet<Pin> _loadedPins = new HashSet<Pin>(new PinEqualityComparer());
private HashSet<string> _loadedRegions = new HashSet<string>();

// 地图移动结束时触发的回调方法
private async void OnMapMoveEnded(object sender, EventArgs e)
{
    // 获取当前地图可视范围的经纬度边界
    var visibleBounds = map.GetVisibleBounds();
    // 将可视范围拆分为网格区域，控制单次请求的范围大小
    var targetRegions = SplitBoundsToGrid(visibleBounds);

    foreach (var region in targetRegions)
    {
        var regionKey = GenerateRegionKey(region);
        // 跳过已加载过的区域
        if (_loadedRegions.Contains(regionKey)) continue;

        // 请求该区域的Pin数据
        var newPins = await FetchPinsFromApi(region);

        // 遍历新Pin，仅添加未加载过的到地图
        foreach (var pin in newPins)
        {
            if (!_loadedPins.Contains(pin))
            {
                map.AddPin(pin);
                _loadedPins.Add(pin);
            }
        }

        // 标记该区域已加载
        _loadedRegions.Add(regionKey);
    }
}

// 自定义Pin比较器，根据Pin的唯一ID判断是否重复
public class PinEqualityComparer : IEqualityComparer<Pin>
{
    public bool Equals(Pin x, Pin y)
    {
        return x.Id == y.Id;
    }

    public int GetHashCode(Pin obj)
    {
        return obj.Id.GetHashCode();
    }
}

// 将可视范围拆分为固定步长的网格（步长可根据缩放级别调整）
private List<MapRegion> SplitBoundsToGrid(MapBounds bounds)
{
    var regions = new List<MapRegion>();
    // 按0.1度的步长拆分网格，可根据业务需求调整
    double latStep = 0.1;
    double lngStep = 0.1;

    for (double lat = bounds.SouthLat; lat <= bounds.NorthLat; lat += latStep)
    {
        for (double lng = bounds.WestLng; lng <= bounds.EastLng; lng += lngStep)
        {
            regions.Add(new MapRegion
            {
                SouthLat = lat,
                NorthLat = lat + latStep,
                WestLng = lng,
                EastLng = lng + lngStep
            });
        }
    }
    return regions;
}

// 生成区域的唯一标识，用于判断是否已加载
private string GenerateRegionKey(MapRegion region)
{
    // 保留两位小数确保精度一致
    return $"{region.SouthLat:F2}_{region.NorthLat:F2}_{region.WestLng:F2}_{region.EastLng:F2}";
}

// 模拟从后端接口获取指定区域的Pin数据
private async Task<List<Pin>> FetchPinsFromApi(MapRegion region)
{
    // 实际项目中替换为真实接口调用
    return await ApiService.GetPins(region.SouthLat, region.NorthLat, region.WestLng, region.EastLng);
}

// 辅助类：定义区域范围
public class MapRegion
{
    public double SouthLat { get; set; }
    public double NorthLat { get; set; }
    public double WestLng { get; set; }
    public double EastLng { get; set; }
}

// 辅助类：定义Pin结构
public class Pin
{
    public string Id { get; set; } // 唯一标识
    public double Latitude { get; set; }
    public double Longitude { get; set; }
    public string Title { get; set; }
    // 其他Pin属性...
}

额外注意事项 #

• 网格步长调整：缩放级别高时（地图放大），可缩小步长；缩放级别低时，增大步长或只加载优先级高的Pin，减少数据量。
• 内存优化：如果用户浏览范围极大，可定期清理超出可视区域一定范围的Pin，避免内存占用过高。
• 防抖处理：部分地图SDK的移动结束事件可能会多次触发，可加个简单的定时器防抖，避免重复请求。

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