WordPressにGoogle Maps API V3！

多量のマーカー（アイコン）をGoogle地図で表示していくととてもマップ（地図）重くなっていく。どうしたら対策になるのか。は、もちろんのだが、これが一番困る。

素人なので、あまり難しいことは出来んしな。

Google Chrome を自分の標準ブラウザで使っていたが、ある日Internet Explore 7 で自分のサイトを覗いて驚いた。多数のマーカー（アイコン）を表示しているせいで、5秒まっても地図が表示されないほど遅く重い。

何とかならんかの。

◆I.E7でさくさくとは言わないまでもストレスなく地図を操作できることを目的に、あれこれ調べていきますか。

今まで、やったことがあるのは、GMarkerManager。それでもアイコン（マーカー）数が増えて、1000近くなってくるとブラウザI.E7では、かんべんてな感じになってしまうので、Floatを使って、XMLからマーカを呼び出す範囲を限定してしまった始末。

◆大量のマーカー（アイコン）を地図上で取り扱う限界は？

いろいろあるみたいだが、どれだけ表示速度に差があるのか調べることが出来るページがあった。

面白半分にInternet Explore　と　Google Chrome　の多数マーカーの表示速度を比較してみた。

結果は、I.E7のブラウザユーザが大半であることを考えれば、Google Mapsの画面表示内で、数百ものマーカー（アイコン）を同時に表示させるものではないということか。

概算50～100のマーカーを同時に表示させるのがユーザ側にストレスない表示可能マーカー数ということで・・・・

◆MarkerClusterやClusterer2のスクリプトを使ってなら・・・・

• いろいろ試してみた。
• 私の結論は、サードパーティ製拡張スクリプトClusterer2.jsを使った場合でした。サンプルページ！
• MarkerClusterer V3を試した。マーカー数が1000程度までは、使えるテクニックだ。
• 1000以上になるのであれば、やはりデータベースから都度マーカーを読み込むしか無い。

スポンサードリンク