群聚標記點

使用群聚標記點

當圖面上的標記點(TGMarker)過於密集時,使用者將無法清楚辨識點資料分布的趨勢,此時可以使用群聚標記點(MarkerCluster)來展示點資料。當開發者將標記點陣列(Array<TGMarker>)匯入群聚標記點物件(TGMarkerCluster),鄰近的標記點會集合為群聚標記點,以另一種樣式(TGImageTGSymbol)的標記點註記上代表的標記點數量。群聚標記點的樣式,會依據代表標記點數量的級距而有所差異,方便使用者輕易識別標記點的密集程度。建立群聚標記點之程式碼範例如下:

                function addMarkerClusters() {                           //使用群聚標記點功能

                        mCluster = new TGOS.TGMarkerCluster(map, markers,{}); //建立群聚標記點物件

                        mCluster.setMaxZoom(10);                             //設定群聚標記點最大縮放範圍

                        mCluster.setVisible(true);                         //設定群聚標記點是否為顯示狀態

                        mCluster.setSearchBounds(30);                      //設定群聚標記點的搜尋範圍(單位px)

                        mCluster.redrawAll(true);                         //是否重新繪製群聚標記點物件

   }

其中,markers為一標記點物件之陣列(Array<TGMarker>)。群聚標記點初始化之後,開發者可以自由調整群聚標記點的設定,或進行重繪、清除等動作。

回到上方