记录一次高德地图卡顿问题优化实操

在汽车开发领域，我遇到了一个棘手的问题——高德地图在大屏项目中的卡顿优化。作为项目中的关键环节，地图的流畅性直接关系到用户体验。我发现，每次页面切换时，地图内存增长迅速，尤其是在高精度地图上进行复杂操作时，卡顿问题尤为明显。

为了解决这个问题，我尝试了多种策略。首先，我注意到系统并没有启用keep-alive，内存增长依然明显，排除了系统层面的优化可能。接着，我检查了页面卸载时的map对象销毁情况，尽管代码中执行了销毁操作，但对象依然存在，这让我质疑了垃圾回收机制的执行效果。在开发环境中，我尝试将实例置为null，但并未见明显效果，这让我意识到可能需要更深入地研究javascript的内存管理。

令人惊讶的是，生产环境中的问题得到了缓解，将每个页面中地图相关的class实例置空后，内存增长明显减少。通过对比，我们发现这与commonMap对象的大小相符，进一步验证了这一优化措施的有效性。然而，我仍需探究为什么在开发环境中并未成功，这可能是进一步优化的关键。

在地图加载方面，我注意到高德在线地图2.0版本的内存问题更为显著，而1.4.5版本则相对稳定，但不支持某些功能。同事发现内存增长主要来自GPU，这指向了可能的webgl问题。虽然尝试了webgl的销毁，但效果有限。最终，我们决定统一引入AMapLoader，将地图加载代码集中管理，从而显著提升地图加载速度和性能。

尽管过程中遇到了polygon方法和loca加载动画的问题，但通过与高德的沟通和反馈，这些问题逐一得到解决。整个优化过程，尽管遇到了挑战，但最终取得了显著的成功，不仅提升了用户体验，也为后续的项目开发积累了宝贵经验。