ajax - 卸载 Google map API？

Question

我有一个使用ajax加载子页面的主页，其中一个子页面包含谷歌地图，因此它使用<script>加载谷歌地图API标签:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE">

我注意到这会将一堆 css 和 js 文件加载到我的主页和子页面中。当我单击主页中的不同链接时，我希望能够卸载所有这些文件并删除创建的任何 js 对象，即清理所有内容并返回到原始状态。有什么办法可以做到这一点吗？

Answer 1

您问题的答案实际上比您想象的要复杂一些。一个很好的问题和一组涉及许多相关细节的答案位于:What is the Proper Way to Destroy a Map Instance? .

我不确定你的问题，但听起来你可能已经创建了一个多次加载 Google Maps API 的页面(或者可以，取决于用户的选择)，你应该完全避免这种情况。谷歌承认存在与重新加载 map 相关的内存泄漏错误，并强烈建议不要多次重新加载 map 。 Google 本质上不支持多个 map 加载用例。

查看上面问题链接中提供的一些信息；它包含一些很好的讨论和信息。

编辑回应@Engineer的评论:

查看 Google Maps API Office Hours May 9 2012 Video来自 Google 的 Chris Broadfoot 和 Luke Mahe 讨论了:他们不支持涉及重新加载 map 的用例，API 旨在仅加载一次，并且他们承认存在内存泄漏错误。将播放设置为 ~12:50 以查看有关破坏 map 、重新加载 map 的问题以及他们提供的避免问题的建议的部分。首先，如果您必须隐藏然后显示 map ，他们建议重复使用单个 map 实例。