GoogleMap Clusterの利用

以前使っていたGoogleMapのクラスタが古くなって表示できなくなったので、新しいのに変えました。
今回は https://github.com/googlemaps/js-marker-clusterer を利用しました。

１．設置
上記リンクからファイルをダウンロードして、FTPで設置します。
Cakephpを利用しているので、下記に設置しました。
app/webroot/js/markerclusterer.js
app/webroot/img/cluster/画像ファイル.png  (clusterフォルダは自分で生成)

２．コントローラとビューの作成
コントローラは既存のを使います。件数を増やしておくといいかも。
ビューは次のように


３．確認

参考
https://github.com/googlemaps/js-marker-clusterer