react-native-map-clustering加载OpenStreetMap标记交互延迟优化咨询

• 给onRegionChangeComplete回调加300~500ms防抖，避免用户拖动、缩放地图的过程中频繁触发数据请求和状态更新，减少无效渲染和网络请求开销。
• 增加请求竞态处理：使用AbortController，每次发起新的点位请求前，终止上一个未完成的Overpass API请求，避免旧请求延迟返回后覆盖新数据导致的异常渲染。
• 数据缓存与增量更新：不要每次请求返回后直接全量替换data状态，本地维护一个以marker id为key的缓存集合，新请求返回的点位先和缓存合并，过滤已经加载过的重复点位，仅更新增量数据，减少重渲染范围。
• 增加请求触发阈值：判断两次视口变化的差值，只有当地图移动/缩放后的视口超出已加载范围的1/3，或者缩放层级达到预设的阈值（比如高于15级，视口范围足够小需要展示单个点位）时，才触发新的请求，避免大量无效请求。
• 低层级限流：当地图缩放到较大范围（缩放层级低于阈值）时，不请求全量点位数据，仅展示已加载点位的聚合结果，避免单次返回数千个点位导致的解析、渲染卡顿。
• Overpass请求优化：调整API请求参数，仅返回点位的id、lat、lon三个必填字段，减少响应包体积，提升JSON解析效率；给fetch请求添加缓存配置，同一范围的重复请求直接走本地缓存，无需重复请求接口。
• 组件渲染优化：将单个Marker组件抽离为用React.memo包裹的纯组件，仅当坐标、展示内容变化时才重渲染；如果使用自定义Marker样式，尽量简化视图结构，避免嵌套多层复杂组件。

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