2011-07-03 5 views
3

GoogleマップV3 APIを使用して、マーカーがマウスオーバー時にマーカーアイコンを変更するGoogleマップを作成しています。しかし、私はアイコンがちらつき、ユーザーがその特定のマーカーと、私が推測するマウスオーバーの画像がダウンロードに時間がかかることによると思われるすべてのマーカーに一度それがちらつくことに気づきます。Googleマップのプレロードマーカー画像

これを解決するには、マウスオーバーアイコンイメージをあらかじめロードすることを考えています。これどうやってするの?

答えて

3

これはすべてのブラウザで動作しますが、最新のブラウザ(FF 3.6+、IE8/9(Safari/Chrome)、キャッシュが有効な場合、DOMに要素を追加するだけです)それらをキャッシュする(つまり、それらをhidden divのページに置く)ので、次回のリクエスト時にはサーバーからではなく、キャッシュから完全にフラッシュを削除します。

+0

Benno:DOMにどのように追加できますか? – thedethe

+0

それらをページに配置すると、Document Object Model(htmlタグから低スパンまたはimgタグまでのすべての要素で構成されます)に配置されます。あなたの場合、単にこれをしてください: '

'。ブラウザがページをレンダリングすると、ブラウザはそのイメージをサーバーから要求し、通常はそれらをキャッシュに格納します。そのため、次回のリクエスト時(つまり、マーカー上にマウスを置いたとき)は、サーバーではなく人のコンピュータから即座に取得されます。 – Benno

関連する問題