javascript - 为谷歌地图预加载标记图像

Question

我正在使用 Google Maps V3 API 创建一个谷歌地图，其中标记会在鼠标悬停时更改其标记图标。但是我注意到用户第一次对那个特定标记和每个标记执行此操作时图标会闪烁一次，我猜这是由于鼠标悬停图像需要一些时间来下载。

为了解决这个问题，我正在考虑预加载鼠标悬停图标图像。我该怎么做？

Answer 1

我不确定这是否适用于所有浏览器，但在启用缓存的现代浏览器(FF 3.6+、IE8/9(我认为)、Safari/Chrome)上，只需将元素添加到 DOM 即可加载它们并缓存它们(即将它们放在页面上的隐藏 div 中)，因此下次请求它们时，它来自您的缓存，而不是服务器，完全消除了闪存。