統計地圖-合併輸出

繪製統計地圖-合併輸出

 

除了一般繪製單一種類型之統計地圖以外,本API亦提供同時繪製兩種類型之統計地圖,使用者可藉此分析

兩種統計資料之關聯,繪製方式為在原本之統計地圖再繪製一張疊加統計地圖圖層,其相關之參數設定皆可

依據欲繪製的類型參考其參數設定:繪製圓餅圖繪製柱狀圖繪製分級符號圖

繪製合併輸出之作法如下:

   1. 繪製第一層統計地圖面量圖

function init() {}                                     //建立第一層之統計資料集物件

function drawStatMap() {                    //統計地圖繪製(第一層)

                   var mColor = {};                            //第一層統計地圖顏色設定

                   var pChoropleth = {};            //第一層面量圖參數設定

                   var option1 = {};                           //第一層地圖參數設定

                   var containerObj = document.getElementById("MapView");                //指定互動式介面的DIV ID                        statMap = newStatMap(containerObj, dataDB, MapKind.CHOROPLETH, option1);

                   statMap.drawMap(function(){});         //繪製第一層統計地圖

           }

   2. 疊加第二層統計地圖,並設定其統計資料集

                function appendLayer() {            //疊加第二層統計地圖

                        if (statLayer != null)

                                statMap.removeLayer(statLayer);              //刪除疊加地圖設定

                        var dataSet2 = new Array();                                //設定疊加地圖之統計資料集

                        var tmp2 = {

                                tableName: "3A1FA_A1C3",

                                fieldsId: ["A65UP_A15A64_RAT"]

                        };

                        dataSet2.push(tmp2);

                   dataDB_Symbol = new DataDB(dataSet2, dataOption, CoordSystem.EPSG3826, areaSelect);      

//建立第二組統計資料集

   3. 設定第二層疊加統計地圖參數,並繪製圖層

                        var classType2;                     //進行分級方法判斷

var symbolType;                           //進行分級符號判斷

var pSymbol = {};                    //第二層分級符號圖參數設定

                        var option2 = {};                           //第二層地圖參數設定

                        statLayer = new StatLayer(dataDB_Symbol, MapKind.SYMBOL, option2); //新增疊加統計地圖圖層

                        statMap.appendLayer(statLayer, function(){});                         //繪製疊加統計地圖圖層                                        }

   4. 若欲清除繪製圖層,可增加設定移除疊加統計地圖圖層

                function removeLayer() {     //統計地圖繪製

                        statMap.removeLayer(statLayer);                      

           }

回到上方