- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
opt |
Object | - | Yes | 輸入資料設定物件 |
opt.center |
Array | [23.5, 121.1] |
No | 輸入地圖顯示中點陣列，陣列為WGS84[緯度,經度]，預設[23.5, 121.1] |
opt.zoom |
Number | 7 |
No | 輸入地圖顯示層級整數，預設7 |
opt.panelBackgroundColor |
Object | 'rgba(255,255,255,0.95)' |
No | 輸入各顯示資訊區背景顏色字串，預設'rgba(255,255,255,0.95)' |
opt.panelBaseMaps.show |
Boolean | true |
No | 輸入是否顯示底圖選擇區布林值，預設true |
opt.panelBaseMaps.baseMaps |
Array | 詳見程式碼 |
No | 輸入底圖選擇清單陣列，各元素為底圖設定物件，需提供欄位為name(底圖名稱字串)、url(底圖連結字串)、visible(是否顯示布林值)，預設值詳見程式碼的defBaseMaps預設值 |
opt.panelBaseMaps.position |
String | 'topleft' |
No | 輸入底圖選擇區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topleft' |
opt.panelBaseMaps.width |
Number | null |
No | 輸入底圖選擇區寬度數字，單位px，預設null |
opt.panelBaseMaps.maxWidth |
Number | null |
No | 輸入底圖選擇區最大寬度數字，單位px，預設null |
opt.panelBaseMaps.height |
Number | null |
No | 輸入底圖選擇區高度數字，單位px，預設null |
opt.panelBaseMaps.maxHeight |
Number | 300 |
No | 輸入底圖選擇區最大高度數字，單位px，預設300 |
opt.panelBaseMaps.stopWheel |
Boolean | false |
No | 輸入底圖選擇區當過高出現垂直捲軸時，是否可接收捲軸布林值，預設false |
opt.panelLabels.show |
Boolean | true |
No | 輸入是否顯示地圖資訊區布林值，預設true |
opt.panelLabels.position |
String | 'topright' |
No | 輸入地圖資訊區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topright' |
opt.panelLabels.title |
String | '' |
No | 輸入地圖資訊區內標題字串，預設'' |
opt.panelLabels.lng |
String | 'Longitude' |
No | 輸入地圖資訊區內標注經度字串，預設'Longitude' |
opt.panelLabels.lat |
String | 'Latitude' |
No | 輸入地圖資訊區內標注緯度字串，預設'Latitude' |
opt.panelLabels.zoom |
String | 'Zoom' |
No | 輸入地圖資訊區內標注顯示層級字串，預設'Zoom' |
opt.panelLabels.useItems |
Array | ['lng','lat','zoom'] |
No | 輸入地圖資訊區內呈現項目陣列，各元素給字串，'lng'代表經度，'lat'代表緯度，'zoom'代表顯示層級，預設['lng','lat','zoom'] |
opt.panelLabels.width |
Number | null |
No | 輸入地圖資訊區寬度數字，單位px，預設null |
opt.panelLabels.maxWidth |
Number | null |
No | 輸入地圖資訊區最大寬度數字，單位px，預設null |
opt.panelLabels.height |
Number | null |
No | 輸入地圖資訊區高度數字，單位px，預設null |
opt.panelLabels.maxHeight |
Number | null |
No | 輸入地圖資訊區最大高度數字，單位px，預設null |
opt.panelCompassRose.show |
Boolean | false |
No | 輸入是否顯示玫瑰羅盤區布林值，預設false |
opt.panelCompassRose.position |
String | 'topright' |
No | 輸入玫瑰羅盤區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topright' |
opt.panelCompassRose.size |
Number | 120 |
No | 輸入玫瑰羅盤區尺寸(長寬)數字，單位px，預設120 |
opt.panelCompassRose.withPanel |
Boolean | false |
No | 輸入是否顯示玫瑰羅盤區底部面板布林值，預設false |
opt.panelCompassRose.iconSrcLight |
String | 詳見程式碼 |
No | 輸入淺色系玫瑰羅盤圖標來源字串，可使用base64格式或網址，預設值詳見程式碼 |
opt.panelCompassRose.iconSrcDark |
String | 詳見程式碼 |
No | 輸入深色係玫瑰羅盤圖標來源字串，可使用base64格式或網址，預設值詳見程式碼 |
opt.panelCompassRose.iconSrc |
String | null |
No | 輸入玫瑰羅盤圖標來源字串，若有則直接使用，若為null，此時withPanel為true時使用iconSrcDark，若withPanel為false，再自動依照底圖colorShade決定，colorShade為空字串或'light'時使用iconSrcDark，若為'dark'則使用iconSrcLight。預設null |
opt.panelZoom.show |
Boolean | true |
No | 輸入是否顯示縮放按鈕區布林值，預設true |
opt.panelZoom.position |
String | 'bottomleft' |
No | 輸入縮放按鈕區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomleft' |
opt.panelScale.show |
Boolean | true |
No | 輸入是否顯示比例尺區布林值，預設true |
opt.panelScale.position |
String | 'bottomleft' |
No | 輸入比例尺區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomleft' |
opt.panelItems.show |
Boolean | true |
No | 輸入圖層顯隱切換區是否顯示布林值，預設true |
opt.panelItems.position |
String | 'bottomright' |
No | 輸入圖層顯隱切換區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomright' |
opt.panelItems.width |
Number | null |
No | 輸入圖層顯隱切換區寬度數字，單位px，預設null |
opt.panelItems.maxWidth |
Number | null |
No | 輸入圖層顯隱切換區最大寬度數字，單位px，預設null |
opt.panelItems.height |
Number | null |
No | 輸入圖層顯隱切換區高度數字，單位px，預設null |
opt.panelItems.maxHeight |
Number | null |
No | 輸入圖層顯隱切換區最大高度數字，單位px，預設null |
opt.panelItems.stopWheel |
Boolean | false |
No | 輸入圖層顯隱切換區當過高出現垂直捲軸時，是否可接收捲軸布林值，預設false |
opt.panelLegends.show |
Boolean | true |
No | 輸入是否顯示圖例區布林值，預設true |
opt.panelLegends.position |
String | 'bottomright' |
No | 輸入圖例區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomright' |
opt.panelLegends.width |
Number | null |
No | 輸入圖例區寬度數字，單位px，預設null |
opt.panelLegends.maxWidth |
Number | 300 |
No | 輸入圖例區最大寬度數字，單位px，預設300 |
opt.panelLegends.height |
Number | null |
No | 輸入圖例區高度數字，單位px，預設null |
opt.panelLegends.maxHeight |
Number | null |
No | 輸入圖例區最大高度數字，單位px，預設null |
opt.pointSets |
Array | [] |
No | 輸入點集合陣列，各元素為物件，預設[] |
opt.pointSets[i].title |
String | '' |
No | 輸入第i個點集合的標題字串，預設為'' |
opt.pointSets[i].msg |
String | '' |
No | 輸入第i個點集合的說明字串，預設為'' |
opt.pointSets[i].order |
Number | null |
No | 輸入第i個點集合的排序用數字，預設null |
opt.pointSets[i].lineColor |
String | 'rgba(255,255,255,1)' |
No | 輸入第i個點集合的框線顏色字串，預設為'rgba(255,255,255,1)' |
opt.pointSets[i].lineWidth |
Number | 1 |
No | 輸入第i個點集合的框線寬度數字，預設為1 |
opt.pointSets[i].fillColor |
String | 'rgba(0,150,255,0.65)' |
No | 輸入第i個點集合的填充顏色字串，預設為'rgba(0,150,255,0.65)' |
opt.pointSets[i].size |
Number | 10 |
No | 輸入第i個點集合的圖標尺寸數字，預設10 |
opt.pointSets[i].iconSrc |
String | 詳見程式碼 |
No | 輸入第i個點集合的顯示圖標來源字串，可使用base64格式或網址，預設為google map的點圖標，預設值詳見程式碼 |
opt.pointSets[i].iconSize |
Array | [24,40] |
No | 輸入第i個點集合的顯示圖標尺寸陣列，使用[寬,高]，長寬單位px，預設[24,40] |
opt.pointSets[i].iconAnchor |
Array | [iconSize[0]/2,iconSize[1]] |
No | 輸入第i個點集合的顯示圖標的實際定位位置陣列，由圖標左上角代表實際定位點起算，往左移動為+x，往上移動為+y，x與y單位px，需給予[x,y]，預設[iconSize[0]/2,iconSize[1]] |
opt.pointSets[i].popupAnchor |
Array | [0,-iconSize[1]/1.5] |
No | 輸入第i個點集合的顯示popup或tooltip時的指向位置陣列，由實際定位點起算，往右移動為+x，往下移動為+y，x與y單位px，需給予[x,y]，預設[0,-iconSize[1]/1.5] |
opt.pointSets[i].visible |
Boolean | true |
No | 輸入是否顯示第i個點集合布林值，預設為true |
opt.pointSets[i].points |
Array | [] |
No | 輸入第i個點集合的各點數據陣列，各元素為物件或為緯經度陣列，也就是[{p1},{p2},...]或是[[p1lat,p1lng],[p2lat,p2lng],...]，預設為[] |
opt.pointSets[i].points[j].title |
String | '' |
No | 輸入第i個點集合的第j個點的標題字串，預設為'' |
opt.pointSets[i].points[j].msg |
String | '' |
No | 輸入第i個點集合的第j個點的說明字串，預設為'' |
opt.pointSets[i].points[j].lineColor |
String | 'rgba(255,255,255,1)' |
No | 輸入第i個點集合的第j個點的框線顏色字串，預設為'rgba(255,255,255,1)' |
opt.pointSets[i].points[j].lineWidth |
Number | 1 |
No | 輸入第i個點集合的第j個點的框線寬度數字，預設為1 |
opt.pointSets[i].points[j].fillColor |
String | 'rgba(0,150,255,0.65)' |
No | 輸入第i個點集合的第j個點的填充顏色字串，預設為'rgba(0,150,255,0.65)' |
opt.pointSets[i].points[j].size |
Number | 10 |
No | 輸入第i個點集合的第j個點的圖標尺寸數字，預設10 |
opt.pointSets[i].points[j].latLng |
Array | [] |
No | 輸入第i個點集合的第j個點的緯經度座標陣列，也就是給予[lat,lng]，預設[] |
opt.pointSets[i].points[j].iconSrc |
String | 詳見程式碼 |
No | 輸入第i個點集合的第j個點的顯示圖標來源字串，可使用base64格式或網址，預設為google map的點圖標，預設值詳見程式碼 |
opt.pointSets[i].points[j].iconSize |
Array | [24,40] |
No | 輸入第i個點集合的第j個點的顯示圖標尺寸陣列，使用[寬,高]，長寬單位px，預設[24,40] |
opt.pointSets[i].points[j].iconAnchor |
Array | [iconSize[0]/2,iconSize[1]] |
No | 輸入第i個點集合的第j個點的顯示圖標的實際定位位置陣列，由圖標左上角代表實際定位點起算，往左移動為+x，往上移動為+y，x與y單位px，需給予[x,y]，預設[iconSize[0]/2,iconSize[1]] |
opt.pointSets[i].points[j].popupAnchor |
Array | [0,-iconSize[1]/1.5] |
No | 輸入第i個點集合的第j個點的顯示popup或tooltip時的指向位置陣列，由實際定位點起算，往右移動為+x，往下移動為+y，x與y單位px，需給予[x,y]，預設[0,-iconSize[1]/1.5] |
opt.defPointSetsClick |
function | function(){} |
No | 輸入全域點集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){} |
opt.pointSets[i].click |
function | function(){} |
No | 輸入第i個點集合的click呼叫函數，預設為function(){} |
opt.pointSets[i].points[j].click |
function | function(){} |
No | 輸入第i個點集合的第j個點的click呼叫函數，預設為function(){} |
opt.defPointSetsPopup |
function | function(){} |
No | 輸入全域點集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.pointSets[i].popup |
function | function(){} |
No | 輸入第i個點集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.pointSets[i].points[j].popup |
function | function(){} |
No | 輸入第i個點集合的第j個點的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.defPointSetsTooltip |
function | function(){} |
No | 輸入全域點集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.pointSets[i].tooltip |
function | function(){} |
No | 輸入第i個點集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.pointSets[i].points[j].tooltip |
function | function(){} |
No | 輸入第i個點集合的第j個點的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.polygonSets |
Array | [] |
No | 輸入多邊形集合陣列，各元素為物件，預設[] |
opt.polygonSets[i].title |
String | '' |
No | 輸入第i個多邊形集合的標題字串，預設為'' |
opt.polygonSets[i].msg |
String | '' |
No | 輸入第i個多邊形集合的說明字串，預設為'' |
opt.polygonSets[i].order |
Number | null |
No | 輸入第i個多邊形集合的排序用數字，預設null |
opt.polygonSets[i].lineColor |
String | 'rgba(0,150,255,1)' |
No | 輸入第i個多邊形集合的框線顏色字串，預設為'rgba(0,150,255,1)' |
opt.polygonSets[i].lineColorHover |
String | 'rgba(0,150,255,1)' |
No | 輸入滑鼠移入時第i個多邊形集合的框線顏色字串，預設為'rgba(0,150,255,1)' |
opt.polygonSets[i].lineWidth |
Number | 3 |
No | 輸入第i個多邊形集合的框線寬度數字，預設為3 |
opt.polygonSets[i].lineWidthHover |
Number | 3 |
No | 輸入滑鼠移入時第i個多邊形集合的框線寬度數字，預設為3 |
opt.polygonSets[i].fillColor |
String | 'rgba(0,150,255,0.25)' |
No | 輸入第i個多邊形集合的填充顏色字串，預設為'rgba(0,150,255,0.25)' |
opt.polygonSets[i].fillColorHover |
String | 'rgba(0,150,255,0.25)' |
No | 輸入滑鼠移入時第i個多邊形集合的填充顏色字串，預設為'rgba(0,150,255,0.25)' |
opt.polygonSets[i].latLngs |
Array | [] |
No | 輸入第i個多邊形集合的數據陣列，可使用polygon或multiPolygon，各點座標為緯經度，預設[] |
opt.defPolygonSetsClick |
function | function(){} |
No | 輸入全域多邊形集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){} |
opt.polygonSets[i].click |
function | function(){} |
No | 輸入第i個多邊形集合的click呼叫函數，預設為function(){} |
opt.defPolygonSetsPopup |
function | function(){} |
No | 輸入全域多邊形集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.polygonSets[i].popup |
function | function(){} |
No | 輸入第i個多邊形集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.defPolygonSetsTooltip |
function | function(){} |
No | 輸入全域多邊形集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.polygonSets[i].tooltip |
function | function(){} |
No | 輸入第i個多邊形集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.polygonSets[i].visible |
Boolean | true |
No | 輸入是否顯示第i個多邊形集合布林值，預設為true |
opt.geojsonSets |
Array | [] |
No | 輸入geojson集合陣列，各元素為物件，預設[] |
opt.geojsonSets[i].title |
String | '' |
No | 輸入第i個geojson集合的標題字串，預設為'' |
opt.geojsonSets[i].msg |
String | '' |
No | 輸入第i個geojson集合的說明字串，預設為'' |
opt.geojsonSets[i].order |
Number | null |
No | 輸入第i個geojson集合的排序用數字，預設null |
opt.geojsonSets[i].lineColor |
String | 'rgba(0,150,255,1)' |
No | 輸入第i個geojson集合的框線顏色字串，預設為'rgba(0,150,255,1)' |
opt.geojsonSets[i].lineColorHover |
String | 'rgba(0,150,255,1)' |
No | 輸入滑鼠移入時第i個geojson集合的框線顏色字串，預設為'rgba(0,150,255,1)' |
opt.geojsonSets[i].lineWidth |
Number | 3 |
No | 輸入第i個geojson集合的框線寬度數字，預設為3 |
opt.geojsonSets[i].lineWidthHover |
Number | 3 |
No | 輸入滑鼠移入時第i個geojson集合的框線寬度數字，預設為3 |
opt.geojsonSets[i].fillColor |
String | 'rgba(0,150,255,0.25)' |
No | 輸入第i個geojson集合的填充顏色字串，預設為'rgba(0,150,255,0.25)' |
opt.geojsonSets[i].fillColorHover |
String | 'rgba(0,150,255,0.25)' |
No | 輸入滑鼠移入時第i個geojson集合的填充顏色字串，預設為'rgba(0,150,255,0.25)' |
opt.geojsonSets[i].geojson |
Object | {} |
No | 輸入第i個geojson集合的數據物件，各點座標為緯經度，預設{} |
opt.defGeojsonSetsClick |
function | function(){} |
No | 輸入全域geojson集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){} |
opt.geojsonSets[i].click |
function | function(){} |
No | 輸入第i個geojson集合的click呼叫函數，預設為function(){} |
opt.defGeojsonSetsPopup |
function | function(){} |
No | 輸入全域geojson集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.geojsonSets[i].popup |
function | function(){} |
No | 輸入第i個geojson集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.defGeojsonSetsTooltip |
function | function(){} |
No | 輸入全域geojson集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.geojsonSets[i].tooltip |
function | function(){} |
No | 輸入第i個geojson集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.geojsonSets[i].visible |
Boolean | true |
No | 輸入是否顯示第i個geojson集合布林值，預設為true |
opt.contourSets |
Array | [] |
No | 輸入等值線集合陣列，各元素為物件，預設[] |
opt.contourSets[i].order |
Number | null |
No | 輸入第i個等值線集合的排序用數字，預設null |
opt.contourSets[i].gradient |
Object | 詳見程式碼 |
No | 輸入第i個等值線集合的色階(color map)設定物件，鍵範圍0至1，值為對應之顏色，於各鍵之間則採用內插取色，預設值詳見程式碼 |
opt.contourSets[i].getColor |
function | null |
No | 輸入第i個等值線集合的顏色函數，預設null |
opt.contourSets[i].lineColor |
String | '' |
No | 輸入第i個等值線集合的框線顏色字串，若不輸入則預設為gradient內插所得顏色，預設為'' |
opt.contourSets[i].lineColorHover |
String | '' |
No | 輸入滑鼠移入時第i個等值線集合的框線顏色字串，若不輸入則預設為gradient內插所得顏色，預設為'' |
opt.contourSets[i].lineWidth |
Number | 1 |
No | 輸入第i個等值線集合的框線寬度數字，預設為1 |
opt.contourSets[i].lineWidthHover |
Number | 3 |
No | 輸入滑鼠移入時第i個等值線集合的框線寬度數字，預設為3 |
opt.contourSets[i].fillOpacity |
Number | 0.2 |
No | 輸入第i個等值線集合的填充透明度數字，預設為0.2 |
opt.contourSets[i].fillOpacityHover |
Number | 0.5 |
No | 輸入滑鼠移入時第i個等值線集合的填充透明度數字，預設為0.5 |
opt.contourSets[i].changeStyleWhenHover |
Boolean | true |
No | 輸入第i個等值線集合的是否使用滑鼠移入時切換style效果布林值，預設true |
opt.contourSets[i].legendNumDig |
Number | null |
No | 輸入第i個等值線集合的對圖例內數字取小數位數，null代表不取，預設null |
opt.contourSets[i].legendTextFormater |
function | null |
No | 輸入第i個等值線集合的對圖例內各色階的文字內容產生函數，可基於傳入資料回傳顯示文字或html內容，null代表不取，預設null |
opt.contourSets[i].legendTextExtra |
function | null |
No | 輸入第i個等值線集合的對圖例內各色階的文字提供額外文字函數，預設null |
opt.contourSets[i].polygonClipOuter |
Array | [] |
No | 輸入第i個等值線集合的剔除以外之多邊形(polygon，深度為2，例如[[p1lat,p1lng],[p2lat,p2lng],...])陣列，預設[] |
opt.contourSets[i].polygonsClipInner |
Array | [] |
No | 輸入第i個等值線集合的剔除以內之複數多邊形(multi-polygon，深度為3，例如[[[p1lat,p1lng]],[[p2lat,p2lng]],...])陣列，預設[] |
opt.contourSets[i].polygonsContainInner |
Array | [] |
No | 輸入第i個等值線集合的保留以內之複數多邊形(multi-polygon，深度為3，例如[[[p1lat,p1lng]],[[p2lat,p2lng]],...])陣列，預設[] |
opt.contourSets[i].thresholds |
Array | [] |
No | 輸入第i個等值線集合的用等值線門檻值陣列，給予非有效陣列則使用自動計算各線門檻值，預設[] |
opt.contourSets[i].points |
Array | [] |
No | 輸入第i個等值線集合的數據陣列，各點座標為緯經度，並自動基於三角網格技術計算等值線，預設[] |
opt.defContourSetsClick |
function | function(){} |
No | 輸入全域等值線集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){} |
opt.contourSets[i].click |
function | function(){} |
No | 輸入第i個等值線集合的click呼叫函數，預設為function(){} |
opt.defContourSetsPopup |
function | function(){} |
No | 輸入全域等值線集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.contourSets[i].popup |
function | function(){} |
No | 輸入第i個等值線集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.defContourSetsTooltip |
function | function(){} |
No | 輸入全域等值線集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.contourSets[i].tooltip |
function | function(){} |
No | 輸入第i個等值線集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.contourSets[i].visible |
Boolean | true |
No | 輸入是否顯示第i個等值線集合布林值，預設為true |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
opt |
Object | - | Yes | 輸入資料設定物件 |
opt.center |
Array | [23.5, 121.1] |
No | 輸入地圖顯示中點陣列，陣列為WGS84[緯度,經度]，預設[23.5, 121.1] |
opt.zoom |
Number | 7 |
No | 輸入地圖顯示層級整數，預設7 |
opt.panelBackgroundColor |
Object | 'rgba(255,255,255,0.95)' |
No | 輸入各顯示資訊區背景顏色字串，預設'rgba(255,255,255,0.95)' |
opt.panelBaseMaps.show |
Boolean | true |
No | 輸入是否顯示底圖選擇區布林值，預設true |
opt.panelBaseMaps.baseMaps |
Array | 詳見程式碼 |
No | 輸入底圖選擇清單陣列，各元素為底圖設定物件，需提供欄位為name(底圖名稱字串)、url(底圖連結字串)、visible(是否顯示布林值)，預設值詳見程式碼的defBaseMaps預設值 |
opt.panelBaseMaps.position |
String | 'topleft' |
No | 輸入底圖選擇區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topleft' |
opt.panelBaseMaps.width |
Number | null |
No | 輸入底圖選擇區寬度數字，單位px，預設null |
opt.panelBaseMaps.maxWidth |
Number | null |
No | 輸入底圖選擇區最大寬度數字，單位px，預設null |
opt.panelBaseMaps.height |
Number | null |
No | 輸入底圖選擇區高度數字，單位px，預設null |
opt.panelBaseMaps.maxHeight |
Number | 300 |
No | 輸入底圖選擇區最大高度數字，單位px，預設300 |
opt.panelBaseMaps.stopWheel |
Boolean | false |
No | 輸入底圖選擇區當過高出現垂直捲軸時，是否可接收捲軸布林值，預設false |
opt.panelLabels.show |
Boolean | true |
No | 輸入是否顯示地圖資訊區布林值，預設true |
opt.panelLabels.position |
String | 'topright' |
No | 輸入地圖資訊區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topright' |
opt.panelLabels.title |
String | '' |
No | 輸入地圖資訊區內標題字串，預設'' |
opt.panelLabels.lng |
String | 'Longitude' |
No | 輸入地圖資訊區內標注經度字串，預設'Longitude' |
opt.panelLabels.lat |
String | 'Latitude' |
No | 輸入地圖資訊區內標注緯度字串，預設'Latitude' |
opt.panelLabels.zoom |
String | 'Zoom' |
No | 輸入地圖資訊區內標注顯示層級字串，預設'Zoom' |
opt.panelLabels.useItems |
Array | ['lng','lat','zoom'] |
No | 輸入地圖資訊區內呈現項目陣列，各元素給字串，'lng'代表經度，'lat'代表緯度，'zoom'代表顯示層級，預設['lng','lat','zoom'] |
opt.panelLabels.width |
Number | null |
No | 輸入地圖資訊區寬度數字，單位px，預設null |
opt.panelLabels.maxWidth |
Number | null |
No | 輸入地圖資訊區最大寬度數字，單位px，預設null |
opt.panelLabels.height |
Number | null |
No | 輸入地圖資訊區高度數字，單位px，預設null |
opt.panelLabels.maxHeight |
Number | null |
No | 輸入地圖資訊區最大高度數字，單位px，預設null |
opt.panelCompassRose.show |
Boolean | false |
No | 輸入是否顯示玫瑰羅盤區布林值，預設false |
opt.panelCompassRose.position |
String | 'topright' |
No | 輸入玫瑰羅盤區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topright' |
opt.panelCompassRose.size |
Number | 120 |
No | 輸入玫瑰羅盤區尺寸(長寬)數字，單位px，預設120 |
opt.panelCompassRose.withPanel |
Boolean | false |
No | 輸入是否顯示玫瑰羅盤區底部面板布林值，預設false |
opt.panelCompassRose.iconSrcLight |
String | 詳見程式碼 |
No | 輸入淺色系玫瑰羅盤圖標來源字串，可使用base64格式或網址，預設值詳見程式碼 |
opt.panelCompassRose.iconSrcDark |
String | 詳見程式碼 |
No | 輸入深色係玫瑰羅盤圖標來源字串，可使用base64格式或網址，預設值詳見程式碼 |
opt.panelCompassRose.iconSrc |
String | null |
No | 輸入玫瑰羅盤圖標來源字串，若有則直接使用，若為null，此時withPanel為true時使用iconSrcDark，若withPanel為false，再自動依照底圖colorShade決定，colorShade為空字串或'light'時使用iconSrcDark，若為'dark'則使用iconSrcLight。預設null |
opt.panelZoom.show |
Boolean | true |
No | 輸入是否顯示縮放按鈕區布林值，預設true |
opt.panelZoom.position |
String | 'bottomleft' |
No | 輸入縮放按鈕區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomleft' |
opt.panelScale.show |
Boolean | true |
No | 輸入是否顯示比例尺區布林值，預設true |
opt.panelScale.position |
String | 'bottomleft' |
No | 輸入比例尺區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomleft' |
opt.panelItems.show |
Boolean | true |
No | 輸入圖層顯隱切換區是否顯示布林值，預設true |
opt.panelItems.position |
String | 'bottomright' |
No | 輸入圖層顯隱切換區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomright' |
opt.panelItems.width |
Number | null |
No | 輸入圖層顯隱切換區寬度數字，單位px，預設null |
opt.panelItems.maxWidth |
Number | null |
No | 輸入圖層顯隱切換區最大寬度數字，單位px，預設null |
opt.panelItems.height |
Number | null |
No | 輸入圖層顯隱切換區高度數字，單位px，預設null |
opt.panelItems.maxHeight |
Number | null |
No | 輸入圖層顯隱切換區最大高度數字，單位px，預設null |
opt.panelItems.stopWheel |
Boolean | false |
No | 輸入圖層顯隱切換區當過高出現垂直捲軸時，是否可接收捲軸布林值，預設false |
opt.panelLegends.show |
Boolean | true |
No | 輸入是否顯示圖例區布林值，預設true |
opt.panelLegends.position |
String | 'bottomright' |
No | 輸入圖例區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomright' |
opt.panelLegends.width |
Number | null |
No | 輸入圖例區寬度數字，單位px，預設null |
opt.panelLegends.maxWidth |
Number | 300 |
No | 輸入圖例區最大寬度數字，單位px，預設300 |
opt.panelLegends.height |
Number | null |
No | 輸入圖例區高度數字，單位px，預設null |
opt.panelLegends.maxHeight |
Number | null |
No | 輸入圖例區最大高度數字，單位px，預設null |
opt.pointSets |
Array | [] |
No | 輸入點集合陣列，各元素為物件，預設[] |
opt.pointSets[i].title |
String | '' |
No | 輸入第i個點集合的標題字串，預設為'' |
opt.pointSets[i].msg |
String | '' |
No | 輸入第i個點集合的說明字串，預設為'' |
opt.pointSets[i].order |
Number | null |
No | 輸入第i個點集合的排序用數字，預設null |
opt.pointSets[i].lineColor |
String | 'rgba(255,255,255,1)' |
No | 輸入第i個點集合的框線顏色字串，預設為'rgba(255,255,255,1)' |
opt.pointSets[i].lineWidth |
Number | 1 |
No | 輸入第i個點集合的框線寬度數字，預設為1 |
opt.pointSets[i].fillColor |
String | 'rgba(0,150,255,0.65)' |
No | 輸入第i個點集合的填充顏色字串，預設為'rgba(0,150,255,0.65)' |
opt.pointSets[i].size |
Number | 10 |
No | 輸入第i個點集合的圖標尺寸數字，預設10 |
opt.pointSets[i].iconSrc |
String | 詳見程式碼 |
No | 輸入第i個點集合的顯示圖標來源字串，可使用base64格式或網址，預設為google map的點圖標，預設值詳見程式碼 |
opt.pointSets[i].iconSize |
Array | [24,40] |
No | 輸入第i個點集合的顯示圖標尺寸陣列，使用[寬,高]，長寬單位px，預設[24,40] |
opt.pointSets[i].iconAnchor |
Array | [iconSize[0]/2,iconSize[1]] |
No | 輸入第i個點集合的顯示圖標的實際定位位置陣列，由圖標左上角代表實際定位點起算，往左移動為+x，往上移動為+y，x與y單位px，需給予[x,y]，預設[iconSize[0]/2,iconSize[1]] |
opt.pointSets[i].popupAnchor |
Array | [0,-iconSize[1]/1.5] |
No | 輸入第i個點集合的顯示popup或tooltip時的指向位置陣列，由實際定位點起算，往右移動為+x，往下移動為+y，x與y單位px，需給予[x,y]，預設[0,-iconSize[1]/1.5] |
opt.pointSets[i].visible |
Boolean | true |
No | 輸入是否顯示第i個點集合布林值，預設為true |
opt.pointSets[i].points |
Array | [] |
No | 輸入第i個點集合的各點數據陣列，各元素為物件或為緯經度陣列，也就是[{p1},{p2},...]或是[[p1lat,p1lng],[p2lat,p2lng],...]，預設為[] |
opt.pointSets[i].points[j].title |
String | '' |
No | 輸入第i個點集合的第j個點的標題字串，預設為'' |
opt.pointSets[i].points[j].msg |
String | '' |
No | 輸入第i個點集合的第j個點的說明字串，預設為'' |
opt.pointSets[i].points[j].lineColor |
String | 'rgba(255,255,255,1)' |
No | 輸入第i個點集合的第j個點的框線顏色字串，預設為'rgba(255,255,255,1)' |
opt.pointSets[i].points[j].lineWidth |
Number | 1 |
No | 輸入第i個點集合的第j個點的框線寬度數字，預設為1 |
opt.pointSets[i].points[j].fillColor |
String | 'rgba(0,150,255,0.65)' |
No | 輸入第i個點集合的第j個點的填充顏色字串，預設為'rgba(0,150,255,0.65)' |
opt.pointSets[i].points[j].size |
Number | 10 |
No | 輸入第i個點集合的第j個點的圖標尺寸數字，預設10 |
opt.pointSets[i].points[j].latLng |
Array | [] |
No | 輸入第i個點集合的第j個點的緯經度座標陣列，也就是給予[lat,lng]，預設[] |
opt.pointSets[i].points[j].iconSrc |
String | 詳見程式碼 |
No | 輸入第i個點集合的第j個點的顯示圖標來源字串，可使用base64格式或網址，預設為google map的點圖標，預設值詳見程式碼 |
opt.pointSets[i].points[j].iconSize |
Array | [24,40] |
No | 輸入第i個點集合的第j個點的顯示圖標尺寸陣列，使用[寬,高]，長寬單位px，預設[24,40] |
opt.pointSets[i].points[j].iconAnchor |
Array | [iconSize[0]/2,iconSize[1]] |
No | 輸入第i個點集合的第j個點的顯示圖標的實際定位位置陣列，由圖標左上角代表實際定位點起算，往左移動為+x，往上移動為+y，x與y單位px，需給予[x,y]，預設[iconSize[0]/2,iconSize[1]] |
opt.pointSets[i].points[j].popupAnchor |
Array | [0,-iconSize[1]/1.5] |
No | 輸入第i個點集合的第j個點的顯示popup或tooltip時的指向位置陣列，由實際定位點起算，往右移動為+x，往下移動為+y，x與y單位px，需給予[x,y]，預設[0,-iconSize[1]/1.5] |
opt.defPointSetsClick |
function | function(){} |
No | 輸入全域點集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){} |
opt.pointSets[i].click |
function | function(){} |
No | 輸入第i個點集合的click呼叫函數，預設為function(){} |
opt.pointSets[i].points[j].click |
function | function(){} |
No | 輸入第i個點集合的第j個點的click呼叫函數，預設為function(){} |
opt.defPointSetsPopup |
function | function(){} |
No | 輸入全域點集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.pointSets[i].popup |
function | function(){} |
No | 輸入第i個點集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.pointSets[i].points[j].popup |
function | function(){} |
No | 輸入第i個點集合的第j個點的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.defPointSetsTooltip |
function | function(){} |
No | 輸入全域點集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.pointSets[i].tooltip |
function | function(){} |
No | 輸入第i個點集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.pointSets[i].points[j].tooltip |
function | function(){} |
No | 輸入第i個點集合的第j個點的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.polygonSets |
Array | [] |
No | 輸入多邊形集合陣列，各元素為物件，預設[] |
opt.polygonSets[i].title |
String | '' |
No | 輸入第i個多邊形集合的標題字串，預設為'' |
opt.polygonSets[i].msg |
String | '' |
No | 輸入第i個多邊形集合的說明字串，預設為'' |
opt.polygonSets[i].order |
Number | null |
No | 輸入第i個多邊形集合的排序用數字，預設null |
opt.polygonSets[i].lineColor |
String | 'rgba(0,150,255,1)' |
No | 輸入第i個多邊形集合的框線顏色字串，預設為'rgba(0,150,255,1)' |
opt.polygonSets[i].lineColorHover |
String | 'rgba(0,150,255,1)' |
No | 輸入滑鼠移入時第i個多邊形集合的框線顏色字串，預設為'rgba(0,150,255,1)' |
opt.polygonSets[i].lineWidth |
Number | 3 |
No | 輸入第i個多邊形集合的框線寬度數字，預設為3 |
opt.polygonSets[i].lineWidthHover |
Number | 3 |
No | 輸入滑鼠移入時第i個多邊形集合的框線寬度數字，預設為3 |
opt.polygonSets[i].fillColor |
String | 'rgba(0,150,255,0.25)' |
No | 輸入第i個多邊形集合的填充顏色字串，預設為'rgba(0,150,255,0.25)' |
opt.polygonSets[i].fillColorHover |
String | 'rgba(0,150,255,0.25)' |
No | 輸入滑鼠移入時第i個多邊形集合的填充顏色字串，預設為'rgba(0,150,255,0.25)' |
opt.polygonSets[i].latLngs |
Array | [] |
No | 輸入第i個多邊形集合的數據陣列，可使用polygon或multiPolygon，各點座標為緯經度，預設[] |
opt.defPolygonSetsClick |
function | function(){} |
No | 輸入全域多邊形集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){} |
opt.polygonSets[i].click |
function | function(){} |
No | 輸入第i個多邊形集合的click呼叫函數，預設為function(){} |
opt.defPolygonSetsPopup |
function | function(){} |
No | 輸入全域多邊形集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.polygonSets[i].popup |
function | function(){} |
No | 輸入第i個多邊形集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.defPolygonSetsTooltip |
function | function(){} |
No | 輸入全域多邊形集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.polygonSets[i].tooltip |
function | function(){} |
No | 輸入第i個多邊形集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.polygonSets[i].visible |
Boolean | true |
No | 輸入是否顯示第i個多邊形集合布林值，預設為true |
opt.geojsonSets |
Array | [] |
No | 輸入geojson集合陣列，各元素為物件，預設[] |
opt.geojsonSets[i].title |
String | '' |
No | 輸入第i個geojson集合的標題字串，預設為'' |
opt.geojsonSets[i].msg |
String | '' |
No | 輸入第i個geojson集合的說明字串，預設為'' |
opt.geojsonSets[i].order |
Number | null |
No | 輸入第i個geojson集合的排序用數字，預設null |
opt.geojsonSets[i].lineColor |
String | 'rgba(0,150,255,1)' |
No | 輸入第i個geojson集合的框線顏色字串，預設為'rgba(0,150,255,1)' |
opt.geojsonSets[i].lineColorHover |
String | 'rgba(0,150,255,1)' |
No | 輸入滑鼠移入時第i個geojson集合的框線顏色字串，預設為'rgba(0,150,255,1)' |
opt.geojsonSets[i].lineWidth |
Number | 3 |
No | 輸入第i個geojson集合的框線寬度數字，預設為3 |
opt.geojsonSets[i].lineWidthHover |
Number | 3 |
No | 輸入滑鼠移入時第i個geojson集合的框線寬度數字，預設為3 |
opt.geojsonSets[i].fillColor |
String | 'rgba(0,150,255,0.25)' |
No | 輸入第i個geojson集合的填充顏色字串，預設為'rgba(0,150,255,0.25)' |
opt.geojsonSets[i].fillColorHover |
String | 'rgba(0,150,255,0.25)' |
No | 輸入滑鼠移入時第i個geojson集合的填充顏色字串，預設為'rgba(0,150,255,0.25)' |
opt.geojsonSets[i].geojson |
Object | {} |
No | 輸入第i個geojson集合的數據物件，各點座標為緯經度，預設{} |
opt.defGeojsonSetsClick |
function | function(){} |
No | 輸入全域geojson集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){} |
opt.geojsonSets[i].click |
function | function(){} |
No | 輸入第i個geojson集合的click呼叫函數，預設為function(){} |
opt.defGeojsonSetsPopup |
function | function(){} |
No | 輸入全域geojson集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.geojsonSets[i].popup |
function | function(){} |
No | 輸入第i個geojson集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.defGeojsonSetsTooltip |
function | function(){} |
No | 輸入全域geojson集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.geojsonSets[i].tooltip |
function | function(){} |
No | 輸入第i個geojson集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.geojsonSets[i].visible |
Boolean | true |
No | 輸入是否顯示第i個geojson集合布林值，預設為true |
opt.contourSets |
Array | [] |
No | 輸入等值線集合陣列，各元素為物件，預設[] |
opt.contourSets[i].order |
Number | null |
No | 輸入第i個等值線集合的排序用數字，預設null |
opt.contourSets[i].gradient |
Object | 詳見程式碼 |
No | 輸入第i個等值線集合的色階(color map)設定物件，鍵範圍0至1，值為對應之顏色，於各鍵之間則採用內插取色，預設值詳見程式碼 |
opt.contourSets[i].getColor |
function | null |
No | 輸入第i個等值線集合的顏色函數，預設null |
opt.contourSets[i].lineColor |
String | '' |
No | 輸入第i個等值線集合的框線顏色字串，若不輸入則預設為gradient內插所得顏色，預設為'' |
opt.contourSets[i].lineColorHover |
String | '' |
No | 輸入滑鼠移入時第i個等值線集合的框線顏色字串，若不輸入則預設為gradient內插所得顏色，預設為'' |
opt.contourSets[i].lineWidth |
Number | 1 |
No | 輸入第i個等值線集合的框線寬度數字，預設為1 |
opt.contourSets[i].lineWidthHover |
Number | 3 |
No | 輸入滑鼠移入時第i個等值線集合的框線寬度數字，預設為3 |
opt.contourSets[i].fillOpacity |
Number | 0.2 |
No | 輸入第i個等值線集合的填充透明度數字，預設為0.2 |
opt.contourSets[i].fillOpacityHover |
Number | 0.5 |
No | 輸入滑鼠移入時第i個等值線集合的填充透明度數字，預設為0.5 |
opt.contourSets[i].changeStyleWhenHover |
Boolean | true |
No | 輸入第i個等值線集合的是否使用滑鼠移入時切換style效果布林值，預設true |
opt.contourSets[i].legendNumDig |
Number | null |
No | 輸入第i個等值線集合的對圖例內數字取小數位數，null代表不取，預設null |
opt.contourSets[i].legendTextFormater |
function | null |
No | 輸入第i個等值線集合的對圖例內各色階的文字內容產生函數，可基於傳入資料回傳顯示文字或html內容，null代表不取，預設null |
opt.contourSets[i].legendTextExtra |
function | null |
No | 輸入第i個等值線集合的對圖例內各色階的文字提供額外文字函數，預設null |
opt.contourSets[i].polygonClipOuter |
Array | [] |
No | 輸入第i個等值線集合的剔除以外之多邊形(polygon，深度為2，例如[[p1lat,p1lng],[p2lat,p2lng],...])陣列，預設[] |
opt.contourSets[i].polygonsClipInner |
Array | [] |
No | 輸入第i個等值線集合的剔除以內之複數多邊形(multi-polygon，深度為3，例如[[[p1lat,p1lng]],[[p2lat,p2lng]],...])陣列，預設[] |
opt.contourSets[i].polygonsContainInner |
Array | [] |
No | 輸入第i個等值線集合的保留以內之複數多邊形(multi-polygon，深度為3，例如[[[p1lat,p1lng]],[[p2lat,p2lng]],...])陣列，預設[] |
opt.contourSets[i].thresholds |
Array | [] |
No | 輸入第i個等值線集合的用等值線門檻值陣列，給予非有效陣列則使用自動計算各線門檻值，預設[] |
opt.contourSets[i].points |
Array | [] |
No | 輸入第i個等值線集合的數據陣列，各點座標為緯經度，並自動基於三角網格技術計算等值線，預設[] |
opt.defContourSetsClick |
function | function(){} |
No | 輸入全域等值線集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){} |
opt.contourSets[i].click |
function | function(){} |
No | 輸入第i個等值線集合的click呼叫函數，預設為function(){} |
opt.defContourSetsPopup |
function | function(){} |
No | 輸入全域等值線集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.contourSets[i].popup |
function | function(){} |
No | 輸入第i個等值線集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.defContourSetsTooltip |
function | function(){} |
No | 輸入全域等值線集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.contourSets[i].tooltip |
function | function(){} |
No | 輸入第i個等值線集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){} |
opt.contourSets[i].visible |
Boolean | true |
No | 輸入是否顯示第i個等值線集合布林值，預設為true |