GoogleMapでアイコンを500件表示する際のロード時間を短縮する方法

質問

標記、ある顧客様からのご要望により、GoogleMapに500件の表示をGMarkerManagerを利用してアイコンの表示テストを行っているのですが、IE7でロードに時間がかかり、何とかする方法はないものか、と模索しております。

ひとまずGmarkerManagerを利用して、若干軽くなったようではあるものの、根本的な解決には至っておらず、良いお知恵がございましたらご教授いただければと思います。

以上、ご不明な点等ございましたらご指摘いただけますと幸いです。

よろしくお願いいたします。

回答No.3

lumber3

私のサイトでも、同様の問題にぶち当り、
アイコン表示させないズームレベル５で一旦地図を表示した後、
window.setTimeout(function() {
map.setZoom(setzoom);
}, 3000);
で、３秒後にズームレベルを変え、時間の短縮できました。
時間はもう少し短く調整できると思います。

約２５０件、独自アイコン使用しており、
マップのロードに時間がかかるはずですが、普通に使えております。

私のサイトのソースを見て、参考にして見てください。

参考URL：

http://www.kyotolove.com/

回答No.2

yyr446

「Google Maps API for Flash」を使ってみてはどうでしょうか？
日本語のドキュメンテーションはありませんが、こちらもGoogleMapから
公式に提供されています。（参考URL）

マーカーの表示に時間がかかるのは、ブラウザー側のレンダリング機能
に負うところが大きいと思います。フラッシュにすれば速く表示できるの
では？（実験はしていません）

　別の方法としては、地図のズームレベルに応じて表示するマーカーの数
を制限するやり方もあります。（結構面倒です）方法の概略は、

1．地図のズームレベル毎にマーカーの個数が数十個ぐらいになる
　　距離範囲を決める。
2.その距離範囲内にあるマーカーをまとめたマーカーを別に作る
3.作ったマーカーをズームレベル毎にグループ化しておく
4.GmarkerManagerでズームレベルに応じたマーカーグループを作る
5.地図のズームレベルの変更をイベントリスナーでハンドリングして
　ズームレベルにあったマーカーグループを表示する

です。

参考URL：

http://code.google.com/intl/en/apis/maps/documentation/flash/

回答No.1

rabbit_cat

javascriptが速いブラウザに乗り換えるっていう解決法は駄目なんでしょうね。。