符號樣式資訊

匯出符號樣式資訊

本項目主要說明匯出「符號樣式資訊」之做法，可將符號樣式資訊以陣列方式輸出。
其做法依序為：

1.     繪製統計圖表，且其Function callback (result)包含繪製結果，並建立一div放置資訊

     Map.drawMap(function (result){

                   var statView = document.getElementById("statView");

2.     設計迴圈以取得所有分級符號資訊。根據規格書內容，其function(result)是由int classes, string 
symbolUrl, number minValue, number maxValue, int count 等參數建立成symbolLegend，
因此我們以result.symbolLegend的長度作為迴圈長度，逐項取得所有分級符號資訊

                   var txt ='<table style="width:100%; border: 1px solid black; border-collapse: collapse;" border="1">';

                           //建立表格, 作為承接所有分級資訊使用

                   txt += '<tr  style="font-weight:bold; height: 40px;"><td align="center" style="width: 80px;">

                                   分級圖例</td><td align="center" style="width: 80px;">分級區間</td><td align="center"

                                   style="width: 80px;">數量</td></tr>'                //設定欄位標題

                   var ttt;                                             //宣告一個變數, 準備於迴圈中個別承接分級符號資訊

           //使用result.symbolLegend的長度作為迴圈長度, 個別取得所有分級資訊

                   for (var i = 0; i < result.symbolLegend.length; i++) {

                           ttt = result.symbolLegend [i]                              //逐項取得分級符號資訊

3.     以html語法組成字串，將所需之資訊項寫入

                                txt += '<img src="' + ttt.symbolUrl + '">&nbsp;</td><td>' + ttt.minValue + ' ~ ' + ttt.maxValue + '</td><td>'

                                          + ttt.count ;

                                txt += '</td></tr>';     //從各個分級符號資訊中將分級的圖示、最小值、最大值與數量取出後, 組入表格

                        }

                        txt += '</table>';

4.     將獲得資訊寫入div中

                   document.getElementById("statView").innerHTML = txts;

                   //在div "statView"中寫出所有分級符號資訊

});