統計地圖-合併輸出
繪製統計地圖-合併輸出
除了一般繪製單一種類型之統計地圖以外,本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);
}