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

标签 javascript jquery google-maps google-maps-api-3

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

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

最佳答案

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

关于javascript - 为谷歌地图预加载标记图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6562607/

相关文章:

android - 我怎样才能让两个谷歌地图听众? setOnCameraChangeListener

google-maps - Google map Javascript API 与 KML 层?

javascript - D3 仪表板图表无法正常工作

javascript - 将 HTML 值导入 Javascript 函数

javascript - 奇怪的 js 数组行为

jquery - onClick 循环遍历具有相同类的 DIV

javascript - 对象中最后一行后的尾随逗号

jquery - 如何检索 .keydown() 函数

jQuery 在调试器 IE 中查看绑定(bind)事件

javascript - 谷歌缩放以适合该页面上的所有标记