在谷歌地圖上創建1000個infowindows的優化策略

Question

我剛剛接觸Google Maps API，剛剛接管了RoR應用程序，該應用程序使用MarkerClusterer在地圖上繪製多達2000個標記，每個標記都具有相關的信息窗口。

當前實現在JavaScript中創建一個infowindow內容字符串數組，並將JavaScript下載到瀏覽器。未壓縮（沒有服務器內容壓縮），數組和Javascript可以大到9 MB。

與我找到的這個實現相關的性能瓶頸是： 1.在服務器上創建2000個字符串並將它們放入JavaScript數組中的時間。 （〜4-5秒） 2.服務器在發送到瀏覽器之前壓縮數兆字節的JavaScript。 （〜2-3秒）

我最初的想法是爲infowindow內容字符串創建一個模板，其中包含所有HTML格式，以便infowindow內容數組中包含的唯一數據是實際的原始數字顯示。這將大大減少在服務器上組裝內容字符串數組的計算時間，並相應地減少瀏覽器中數組所佔用的內存。另外，一次只需要打開一個infowindow。

由於不熟悉Google Maps v3 API，我正在尋找任何有關這是否是最佳優化策略的指導。而且，任何指向實現這種策略的代碼示例的指針。

由於提前，

斯科特

Answer 1

我想你不應該載入所有數據集2000數組中，但這樣做的2層的替代品之一：

1. 你只加載標誌和所以在當前視口中的infowindows。
2. 單擊標記時，您可以通過ajax加載infowindow內容。