w-component-vue

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>WLeafletVueDyn - Documentation</title> <script src="scripts/prettify/prettify.js"></script> <script src="scripts/prettify/lang-css.js"></script>  <link type="text/css" rel="stylesheet" href="styles/prettify.css"> <link type="text/css" rel="stylesheet" href="styles/jsdoc.css"> <script src="scripts/nav.js" defer></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <input type="checkbox" id="nav-trigger" class="nav-trigger" /> <label for="nav-trigger" class="navicon-button x"> <div class="navicon"></div> </label> <label for="nav-trigger" class="overlay"></label> <nav > <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WAggridVueDyn.html">WAggridVueDyn</a></li><li><a href="module-WBadge.html">WBadge</a></li><li><a href="module-WButtonChip.html">WButtonChip</a></li><li><a href="module-WButtonCircle.html">WButtonCircle</a></li><li><a href="module-WCheckbox.html">WCheckbox</a></li><li><a href="module-WCkeditorVueDyn.html">WCkeditorVueDyn</a></li><li><a href="module-WColorPickAlpha.html">WColorPickAlpha</a></li><li><a href="module-WColorPickHexagon.html">WColorPickHexagon</a></li><li><a href="module-WColorPickHexagonGray.html">WColorPickHexagonGray</a></li><li><a href="module-WColorPickHsv.html">WColorPickHsv</a></li><li><a href="module-WColorPickHue.html">WColorPickHue</a></li><li><a href="module-WColorPickStripe.html">WColorPickStripe</a></li><li><a href="module-WColorSelect.html">WColorSelect</a></li><li><a href="module-WColorSelectInput.html">WColorSelectInput</a></li><li><a href="module-WColorSelectPanel.html">WColorSelectPanel</a></li><li><a href="module-WColorSelectPanelBlock.html">WColorSelectPanelBlock</a></li><li><a href="module-WColorSelectPanelHsva.html">WColorSelectPanelHsva</a></li><li><a href="module-WConfirm.html">WConfirm</a></li><li><a href="module-WDialog.html">WDialog</a></li><li><a href="module-WDrawer.html">WDrawer</a></li><li><a href="module-WDropfiles.html">WDropfiles</a></li><li><a href="module-WDynamicList.html">WDynamicList</a></li><li><a href="module-WEchartsVueDyn.html">WEchartsVueDyn</a></li><li><a href="module-WExplorer.html">WExplorer</a></li><li><a href="module-WGroupBaggage.html">WGroupBaggage</a></li><li><a href="module-WGroupChipCheck.html">WGroupChipCheck</a></li><li><a href="module-WGroupChipRadio.html">WGroupChipRadio</a></li><li><a href="module-WGroupDragdrop.html">WGroupDragdrop</a></li><li><a href="module-WGroupIconCheck.html">WGroupIconCheck</a></li><li><a href="module-WGroupIconRadio.html">WGroupIconRadio</a></li><li><a href="module-WGroupTags.html">WGroupTags</a></li><li><a href="module-WHighchartsBitmapDyn.html">WHighchartsBitmapDyn</a></li><li><a href="module-WHighchartsVueDyn.html">WHighchartsVueDyn</a></li><li><a href="module-WHighstockVueDyn.html">WHighstockVueDyn</a></li><li><a href="module-WIcon.html">WIcon</a></li><li><a href="module-WIconLoading.html">WIconLoading</a></li><li><a href="module-WImageCascadingDyn.html">WImageCascadingDyn</a></li><li><a href="module-WImageLazy.html">WImageLazy</a></li><li><a href="module-WImageViewerDyn.html">WImageViewerDyn</a></li><li><a href="module-WInputCheckbox.html">WInputCheckbox</a></li><li><a href="module-WInputRadio.html">WInputRadio</a></li><li><a href="module-WJsonView.html">WJsonView</a></li><li><a href="module-WLeafletVueDyn.html">WLeafletVueDyn</a></li><li><a href="module-WLevelGrade.html">WLevelGrade</a></li><li><a href="module-WListCheck.html">WListCheck</a></li><li><a href="module-WListExpand.html">WListExpand</a></li><li><a href="module-WListExpandItem.html">WListExpandItem</a></li><li><a href="module-WListHorizontal.html">WListHorizontal</a></li><li><a href="module-WListItem.html">WListItem</a></li><li><a href="module-WListRadio.html">WListRadio</a></li><li><a href="module-WListVertical.html">WListVertical</a></li><li><a href="module-WPanelAvatar.html">WPanelAvatar</a></li><li><a href="module-WPanelBulge.html">WPanelBulge</a></li><li><a href="module-WPanelDivideHorizontal.html">WPanelDivideHorizontal</a></li><li><a href="module-WPanelDivideVertical.html">WPanelDivideVertical</a></li><li><a href="module-WPanelLabelItem.html">WPanelLabelItem</a></li><li><a href="module-WPanelScale.html">WPanelScale</a></li><li><a href="module-WPanelScrolly.html">WPanelScrolly</a></li><li><a href="module-WPanelScrollyCore.html">WPanelScrollyCore</a></li><li><a href="module-WPanelStripe.html">WPanelStripe</a></li><li><a href="module-WPopup.html">WPopup</a></li><li><a href="module-WPopupEditText.html">WPopupEditText</a></li><li><a href="module-WProgressBar.html">WProgressBar</a></li><li><a href="module-WProgressCircle.html">WProgressCircle</a></li><li><a href="module-WQuillVueDyn.html">WQuillVueDyn</a></li><li><a href="module-WSegmentsVertical.html">WSegmentsVertical</a></li><li><a href="module-WShellBottomLine.html">WShellBottomLine</a></li><li><a href="module-WShellEllipse.html">WShellEllipse</a></li><li><a href="module-WSlider.html">WSlider</a></li><li><a href="module-WSwitch.html">WSwitch</a></li><li><a href="module-WTableDyn.html">WTableDyn</a></li><li><a href="module-WText.html">WText</a></li><li><a href="module-WTextCore.html">WTextCore</a></li><li><a href="module-WTextInt.html">WTextInt</a></li><li><a href="module-WTextIntCore.html">WTextIntCore</a></li><li><a href="module-WTextSelect.html">WTextSelect</a></li><li><a href="module-WTextSuggest.html">WTextSuggest</a></li><li><a href="module-WTextSuggestCore.html">WTextSuggestCore</a></li><li><a href="module-WTextarea.html">WTextarea</a></li><li><a href="module-WTextareaCore.html">WTextareaCore</a></li><li><a href="module-WThreejsVueDyn.html">WThreejsVueDyn</a></li><li><a href="module-WTimeday.html">WTimeday</a></li><li><a href="module-WTimedayCore.html">WTimedayCore</a></li><li><a href="module-WTimedayCoreRe.html">WTimedayCoreRe</a></li><li><a href="module-WTimedayRange.html">WTimedayRange</a></li><li><a href="module-WTimedayRangeCore.html">WTimedayRangeCore</a></li><li><a href="module-WTimeminute.html">WTimeminute</a></li><li><a href="module-WTimeminuteCore.html">WTimeminuteCore</a></li><li><a href="module-WTimeminuteRange.html">WTimeminuteRange</a></li><li><a href="module-WTimeminuteRangeCore.html">WTimeminuteRangeCore</a></li><li><a href="module-WTinymceVueDyn.html">WTinymceVueDyn</a></li><li><a href="module-WTooltip.html">WTooltip</a></li><li><a href="module-WTree.html">WTree</a></li><li><a href="module-WTreeIconCheckbox.html">WTreeIconCheckbox</a></li><li><a href="module-WTreeIconToggle.html">WTreeIconToggle</a></li><li><a href="module-WVditorDyn.html">WVditorDyn</a></li></ul><h3>Global</h3><ul><li><a href="global.html#binarySearch">binarySearch</a></li><li><a href="global.html#convertColor">convertColor</a></li></ul> </nav> <div id="main"> <h1 class="page-title">WLeafletVueDyn</h1> <section> <header> </header> <article> <div class="container-overview"> <dl class="details"> <dt class="tag-description">Description:</dt> <dd class="tag-description"><ul class="dummy"><li></p></div></div> <h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-props">Props</h3> <table data-jsdoc-vuejs="table-props"> <thead> <tr> <th>Name</th> <th>Type</th> <th>Default value</th> <th>Required?</th> <th>Description</th> </tr> </thead> <tbody><tr> <td><code>opt</code></td> <td>Object</td> <td>-</td> <td><b>Yes</b></td> <td>輸入資料設定物件</td> </tr><tr> <td><code>opt.center</code></td> <td>Array</td> <td><code>[23.5, 121.1]</code></td> <td>No</td> <td>輸入地圖顯示中點陣列，陣列為WGS84[緯度,經度]，預設[23.5, 121.1]</td> </tr><tr> <td><code>opt.zoom</code></td> <td>Number</td> <td><code>7</code></td> <td>No</td> <td>輸入地圖顯示層級整數，預設7</td> </tr><tr> <td><code>opt.panelBackgroundColor</code></td> <td>Object</td> <td><code>'rgba(255,255,255,0.95)'</code></td> <td>No</td> <td>輸入各顯示資訊區背景顏色字串，預設'rgba(255,255,255,0.95)'</td> </tr><tr> <td><code>opt.panelBaseMaps.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入底圖選擇區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelBaseMaps.baseMaps</code></td> <td>Array</td> <td><code>詳見程式碼</code></td> <td>No</td> <td>輸入底圖選擇清單陣列，各元素為底圖設定物件，需提供欄位為name(底圖名稱字串)、url(底圖連結字串)、visible(是否顯示布林值)，預設值詳見程式碼的defBaseMaps預設值</td> </tr><tr> <td><code>opt.panelBaseMaps.position</code></td> <td>String</td> <td><code>'topleft'</code></td> <td>No</td> <td>輸入底圖選擇區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topleft'</td> </tr><tr> <td><code>opt.panelLabels.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入地圖資訊區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelLabels.position</code></td> <td>String</td> <td><code>'topright'</code></td> <td>No</td> <td>輸入地圖資訊區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topright'</td> </tr><tr> <td><code>opt.panelLabels.title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入地圖資訊區內標題字串，預設''</td> </tr><tr> <td><code>opt.panelLabels.lng</code></td> <td>String</td> <td><code>'Longitude'</code></td> <td>No</td> <td>輸入地圖資訊區內標注經度字串，預設'Longitude'</td> </tr><tr> <td><code>opt.panelLabels.lat</code></td> <td>String</td> <td><code>'Latitude'</code></td> <td>No</td> <td>輸入地圖資訊區內標注緯度字串，預設'Latitude'</td> </tr><tr> <td><code>opt.panelLabels.zoom</code></td> <td>String</td> <td><code>'Zoom'</code></td> <td>No</td> <td>輸入地圖資訊區內標注顯示層級字串，預設'Zoom'</td> </tr><tr> <td><code>opt.panelLabels.useItems</code></td> <td>Array</td> <td><code>['lng','lat','zoom']</code></td> <td>No</td> <td>輸入地圖資訊區內呈現項目陣列，各元素給字串，'lng'代表經度，'lat'代表緯度，'zoom'代表顯示層級，預設['lng','lat','zoom']</td> </tr><tr> <td><code>opt.panelLabels.maxWidth</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入地圖資訊區最大寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelLabels.maxHeight</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入地圖資訊區最大高度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelZoom.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入縮放按鈕區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelZoom.position</code></td> <td>String</td> <td><code>'bottomleft'</code></td> <td>No</td> <td>輸入縮放按鈕區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomleft'</td> </tr><tr> <td><code>opt.panelItems.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入圖層顯隱切換區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelItems.position</code></td> <td>String</td> <td><code>'topleft'</code></td> <td>No</td> <td>輸入圖層顯隱切換區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topleft'</td> </tr><tr> <td><code>opt.panelItems.width</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖層顯隱切換區寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelItems.maxWidth</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖層顯隱切換區最大寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelItems.maxHeight</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖層顯隱切換區最大高度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelLegends.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入圖例區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelLegends.position</code></td> <td>String</td> <td><code>'bottomright'</code></td> <td>No</td> <td>輸入圖例區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomright'</td> </tr><tr> <td><code>opt.panelLegends.width</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖例區寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelLegends.maxWidth</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖例區最大寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelLegends.maxHeight</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖例區最大高度數字，單位px，預設null</td> </tr><tr> <td><code>opt.pointSets</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入點集合陣列，各元素為物件，預設[]</td> </tr><tr> <td><code>opt.pointSets[i].title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個點集合的標題字串，預設為''</td> </tr><tr> <td><code>opt.pointSets[i].msg</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個點集合的說明字串，預設為''</td> </tr><tr> <td><code>opt.pointSets[i].order</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個點集合的排序用數字，預設null</td> </tr><tr> <td><code>opt.pointSets[i].iconSrc</code></td> <td>String</td> <td><code>詳見程式碼</code></td> <td>No</td> <td>輸入第i個點集合的顯示圖標來源字串，可使用base64格式或網址，預設為google map的點圖標，值詳見程式碼</td> </tr><tr> <td><code>opt.pointSets[i].iconSize</code></td> <td>Array</td> <td><code>[24,40]</code></td> <td>No</td> <td>輸入第i個點集合的顯示圖標尺寸陣列，使用[寬,高]，長寬單位px，預設[24,40]</td> </tr><tr> <td><code>opt.pointSets[i].iconAnchor</code></td> <td>Array</td> <td><code>[iconSize[0]/2,iconSize[1]]</code></td> <td>No</td> <td>輸入第i個點集合的顯示圖標的實際定位位置陣列，由圖標左上角代表實際定位點起算，往左移動為+x，往上移動為+y，x與y單位px，需給予[x,y]，預設[iconSize[0]/2,iconSize[1]]</td> </tr><tr> <td><code>opt.pointSets[i].popupAnchor</code></td> <td>Array</td> <td><code>[0,-iconSize[1]/1.5]</code></td> <td>No</td> <td>輸入第i個點集合的顯示popup或tooltip時的指向位置陣列，由實際定位點起算，往右移動為+x，往下移動為+y，x與y單位px，需給予[x,y]，預設[0,-iconSize[1]/1.5]</td> </tr><tr> <td><code>opt.pointSets[i].visible</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入第i個點集合的是否顯示布林值，預設為true</td> </tr><tr> <td><code>opt.pointSets[i].points</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個點集合的各點數據陣列，各元素為物件或為緯經度陣列，也就是[{p1},{p2},...]或是[[p1lat,p1lng],[p2lat,p2lng],...]，預設為[]</td> </tr><tr> <td><code>opt.pointSets[i].points[j].title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的標題字串，預設為''</td> </tr><tr> <td><code>opt.pointSets[i].points[j].msg</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的說明字串，預設為''</td> </tr><tr> <td><code>opt.pointSets[i].points[j].latLng</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的緯經度座標陣列，也就是給予[lat,lng]，預設[]</td> </tr><tr> <td><code>opt.pointSets[i].points[j].iconSrc</code></td> <td>String</td> <td><code>詳見程式碼</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的顯示圖標來源字串，可使用base64格式或網址，預設為google map的點圖標，值詳見程式碼</td> </tr><tr> <td><code>opt.pointSets[i].points[j].iconSize</code></td> <td>Array</td> <td><code>[24,40]</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的顯示圖標尺寸陣列，使用[寬,高]，長寬單位px，預設[24,40]</td> </tr><tr> <td><code>opt.pointSets[i].points[j].iconAnchor</code></td> <td>Array</td> <td><code>[iconSize[0]/2,iconSize[1]]</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的顯示圖標的實際定位位置陣列，由圖標左上角代表實際定位點起算，往左移動為+x，往上移動為+y，x與y單位px，需給予[x,y]，預設[iconSize[0]/2,iconSize[1]]</td> </tr><tr> <td><code>opt.pointSets[i].points[j].popupAnchor</code></td> <td>Array</td> <td><code>[0,-iconSize[1]/1.5]</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的顯示popup或tooltip時的指向位置陣列，由實際定位點起算，往右移動為+x，往下移動為+y，x與y單位px，需給予[x,y]，預設[0,-iconSize[1]/1.5]</td> </tr><tr> <td><code>opt.defPointSetsClick</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域點集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].click</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的click呼叫函數，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].points[j].click</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的click呼叫函數，預設為function(){}</td> </tr><tr> <td><code>opt.defPointSetsPopup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域點集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].popup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].points[j].popup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.defPointSetsTooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域點集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].tooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].points[j].tooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入多邊形集合陣列，各元素為物件，預設[]</td> </tr><tr> <td><code>opt.polygonSets[i].title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個多邊形集合的標題字串，預設為''</td> </tr><tr> <td><code>opt.polygonSets[i].msg</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個多邊形集合的說明字串，預設為''</td> </tr><tr> <td><code>opt.polygonSets[i].order</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個多邊形集合的排序用數字，預設null</td> </tr><tr> <td><code>opt.polygonSets[i].lineColor</code></td> <td>String</td> <td><code>'rgba(0,150,255,1)'</code></td> <td>No</td> <td>輸入第i個多邊形集合的框線顏色字串，預設為'rgba(0,150,255,1)'</td> </tr><tr> <td><code>opt.polygonSets[i].lineColorHover</code></td> <td>String</td> <td><code>'rgba(0,150,255,1)'</code></td> <td>No</td> <td>輸入滑鼠移入時第i個多邊形集合的框線顏色字串，預設為'rgba(0,150,255,1)'</td> </tr><tr> <td><code>opt.polygonSets[i].lineWidth</code></td> <td>Number</td> <td><code>3</code></td> <td>No</td> <td>輸入第i個多邊形集合的框線寬度數字，預設為3</td> </tr><tr> <td><code>opt.polygonSets[i].lineWidthHover</code></td> <td>Number</td> <td><code>3</code></td> <td>No</td> <td>輸入滑鼠移入時第i個多邊形集合的框線寬度數字，預設為3</td> </tr><tr> <td><code>opt.polygonSets[i].fillColor</code></td> <td>String</td> <td><code>'rgba(0,150,255,0.25)'</code></td> <td>No</td> <td>輸入第i個多邊形集合的填充顏色字串，預設為'rgba(0,150,255,0.25)'</td> </tr><tr> <td><code>opt.polygonSets[i].fillColorHover</code></td> <td>String</td> <td><code>'rgba(0,150,255,0.25)'</code></td> <td>No</td> <td>輸入滑鼠移入時第i個多邊形集合的填充顏色字串，預設為'rgba(0,150,255,0.25)'</td> </tr><tr> <td><code>opt.polygonSets[i].latLngs</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個多邊形集合的數據陣列，可使用polygon或multiPolygon，各點座標為緯經度，預設[]</td> </tr><tr> <td><code>opt.defPolygonSetsClick</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域多邊形集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets[i].click</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個多邊形集合的click呼叫函數，預設為function(){}</td> </tr><tr> <td><code>opt.defPolygonSetsPopup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域多邊形集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets[i].popup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個多邊形集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.defPolygonSetsTooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域多邊形集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets[i].tooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個多邊形集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets[i].visible</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入第i個多邊形集合的是否顯示布林值，預設為true</td> </tr><tr> <td><code>opt.geojsonSets</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入geojson集合陣列，各元素為物件，預設[]</td> </tr><tr> <td><code>opt.geojsonSets[i].title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個geojson集合的標題字串，預設為''</td> </tr><tr> <td><code>opt.geojsonSets[i].msg</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個geojson集合的說明字串，預設為''</td> </tr><tr> <td><code>opt.geojsonSets[i].order</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個geojson集合的排序用數字，預設null</td> </tr><tr> <td><code>opt.geojsonSets[i].lineColor</code></td> <td>String</td> <td><code>'rgba(0,150,255,1)'</code></td> <td>No</td> <td>輸入第i個geojson集合的框線顏色字串，預設為'rgba(0,150,255,1)'</td> </tr><tr> <td><code>opt.geojsonSets[i].lineColorHover</code></td> <td>String</td> <td><code>'rgba(0,150,255,1)'</code></td> <td>No</td> <td>輸入滑鼠移入時第i個geojson集合的框線顏色字串，預設為'rgba(0,150,255,1)'</td> </tr><tr> <td><code>opt.geojsonSets[i].lineWidth</code></td> <td>Number</td> <td><code>3</code></td> <td>No</td> <td>輸入第i個geojson集合的框線寬度數字，預設為3</td> </tr><tr> <td><code>opt.geojsonSets[i].lineWidthHover</code></td> <td>Number</td> <td><code>3</code></td> <td>No</td> <td>輸入滑鼠移入時第i個geojson集合的框線寬度數字，預設為3</td> </tr><tr> <td><code>opt.geojsonSets[i].fillColor</code></td> <td>String</td> <td><code>'rgba(0,150,255,0.25)'</code></td> <td>No</td> <td>輸入第i個geojson集合的填充顏色字串，預設為'rgba(0,150,255,0.25)'</td> </tr><tr> <td><code>opt.geojsonSets[i].fillColorHover</code></td> <td>String</td> <td><code>'rgba(0,150,255,0.25)'</code></td> <td>No</td> <td>輸入滑鼠移入時第i個geojson集合的填充顏色字串，預設為'rgba(0,150,255,0.25)'</td> </tr><tr> <td><code>opt.geojsonSets[i].geojson</code></td> <td>Object</td> <td><code>{}</code></td> <td>No</td> <td>輸入第i個geojson集合的數據物件，各點座標為緯經度，預設{}</td> </tr><tr> <td><code>opt.defGeojsonSetsClick</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域geojson集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){}</td> </tr><tr> <td><code>opt.geojsonSets[i].click</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個geojson集合的click呼叫函數，預設為function(){}</td> </tr><tr> <td><code>opt.defGeojsonSetsPopup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域geojson集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.geojsonSets[i].popup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個geojson集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.defGeojsonSetsTooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域geojson集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.geojsonSets[i].tooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個geojson集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.geojsonSets[i].visible</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入第i個geojson集合的是否顯示布林值，預設為true</td> </tr><tr> <td><code>opt.contourSets</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入等值線集合陣列，各元素為物件，預設[]</td> </tr><tr> <td><code>opt.contourSets[i].order</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個等值線集合的排序用數字，預設null</td> </tr><tr> <td><code>opt.contourSets[i].gradient</code></td> <td>Object</td> <td><code>詳見程式碼</code></td> <td>No</td> <td>輸入第i個等值線集合的色階(color map)設定物件，鍵範圍0至1，值為對應之顏色，於各鍵之間則採用內插取色，預設值詳見程式碼</td> </tr><tr> <td><code>opt.contourSets[i].getColor</code></td> <td>function</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個等值線集合的顏色函數，預設null</td> </tr><tr> <td><code>opt.contourSets[i].lineColor</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個等值線集合的框線顏色字串，若不輸入則預設為gradient內插所得顏色，預設為''</td> </tr><tr> <td><code>opt.contourSets[i].lineColorHover</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入滑鼠移入時第i個等值線集合的框線顏色字串，若不輸入則預設為gradient內插所得顏色，預設為''</td> </tr><tr> <td><code>opt.contourSets[i].lineWidth</code></td> <td>Number</td> <td><code>1</code></td> <td>No</td> <td>輸入第i個等值線集合的框線寬度數字，預設為1</td> </tr><tr> <td><code>opt.contourSets[i].lineWidthHover</code></td> <td>Number</td> <td><code>3</code></td> <td>No</td> <td>輸入滑鼠移入時第i個等值線集合的框線寬度數字，預設為3</td> </tr><tr> <td><code>opt.contourSets[i].fillOpacity</code></td> <td>Number</td> <td><code>0.2</code></td> <td>No</td> <td>輸入第i個等值線集合的填充透明度數字，預設為0.2</td> </tr><tr> <td><code>opt.contourSets[i].fillOpacityHover</code></td> <td>Number</td> <td><code>0.5</code></td> <td>No</td> <td>輸入滑鼠移入時第i個等值線集合的填充透明度數字，預設為0.5</td> </tr><tr> <td><code>opt.contourSets[i].changeStyleWhenHover</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入第i個等值線集合的是否使用滑鼠移入時切換style效果布林值，預設true</td> </tr><tr> <td><code>opt.contourSets[i].legendNumDig</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個等值線集合的對圖例內數字取小數位數，null代表不取，預設null</td> </tr><tr> <td><code>opt.contourSets[i].legendTextFormater</code></td> <td>function</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個等值線集合的對圖例內各色階的文字內容產生函數，可基於傳入資料回傳顯示文字或html內容，null代表不取，預設null</td> </tr><tr> <td><code>opt.contourSets[i].legendTextExtra</code></td> <td>function</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個等值線集合的對圖例內各色階的文字提供額外文字函數，預設null</td> </tr><tr> <td><code>opt.contourSets[i].polygonClipOuter</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個等值線集合的剔除以外之多邊形(polygon，深度為2，例如[[p1lat,p1lng],[p2lat,p2lng],...])陣列，預設[]</td> </tr><tr> <td><code>opt.contourSets[i].polygonsClipInner</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個等值線集合的剔除以內之複數多邊形(multi-polygon，深度為3，例如[[[p1lat,p1lng]],[[p2lat,p2lng]],...])陣列，預設[]</td> </tr><tr> <td><code>opt.contourSets[i].polygonsContainInner</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個等值線集合的保留以內之複數多邊形(multi-polygon，深度為3，例如[[[p1lat,p1lng]],[[p2lat,p2lng]],...])陣列，預設[]</td> </tr><tr> <td><code>opt.contourSets[i].thresholds</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個等值線集合的用等值線門檻值陣列，給予非有效陣列則使用自動計算各線門檻值，預設[]</td> </tr><tr> <td><code>opt.contourSets[i].points</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個等值線集合的數據陣列，各點座標為緯經度，並自動基於三角網格技術計算等值線，預設[]</td> </tr><tr> <td><code>opt.defContourSetsClick</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域等值線集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){}</td> </tr><tr> <td><code>opt.contourSets[i].click</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個等值線集合的click呼叫函數，預設為function(){}</td> </tr><tr> <td><code>opt.defContourSetsPopup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域等值線集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.contourSets[i].popup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個等值線集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.defContourSetsTooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域等值線集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.contourSets[i].tooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個等值線集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.contourSets[i].visible</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入第i個等值線集合的是否顯示布林值，預設為true</td> </tr></tbody> </table> <div class="container-overview"><div><p> </li></ul></dd> </dl> <div class="description usertext"></p></div></div> <h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-props">Props</h3> <table data-jsdoc-vuejs="table-props"> <thead> <tr> <th>Name</th> <th>Type</th> <th>Default value</th> <th>Required?</th> <th>Description</th> </tr> </thead> <tbody><tr> <td><code>opt</code></td> <td>Object</td> <td>-</td> <td><b>Yes</b></td> <td>輸入資料設定物件</td> </tr><tr> <td><code>opt.center</code></td> <td>Array</td> <td><code>[23.5, 121.1]</code></td> <td>No</td> <td>輸入地圖顯示中點陣列，陣列為WGS84[緯度,經度]，預設[23.5, 121.1]</td> </tr><tr> <td><code>opt.zoom</code></td> <td>Number</td> <td><code>7</code></td> <td>No</td> <td>輸入地圖顯示層級整數，預設7</td> </tr><tr> <td><code>opt.panelBackgroundColor</code></td> <td>Object</td> <td><code>'rgba(255,255,255,0.95)'</code></td> <td>No</td> <td>輸入各顯示資訊區背景顏色字串，預設'rgba(255,255,255,0.95)'</td> </tr><tr> <td><code>opt.panelBaseMaps.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入底圖選擇區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelBaseMaps.baseMaps</code></td> <td>Array</td> <td><code>詳見程式碼</code></td> <td>No</td> <td>輸入底圖選擇清單陣列，各元素為底圖設定物件，需提供欄位為name(底圖名稱字串)、url(底圖連結字串)、visible(是否顯示布林值)，預設值詳見程式碼的defBaseMaps預設值</td> </tr><tr> <td><code>opt.panelBaseMaps.position</code></td> <td>String</td> <td><code>'topleft'</code></td> <td>No</td> <td>輸入底圖選擇區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topleft'</td> </tr><tr> <td><code>opt.panelLabels.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入地圖資訊區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelLabels.position</code></td> <td>String</td> <td><code>'topright'</code></td> <td>No</td> <td>輸入地圖資訊區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topright'</td> </tr><tr> <td><code>opt.panelLabels.title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入地圖資訊區內標題字串，預設''</td> </tr><tr> <td><code>opt.panelLabels.lng</code></td> <td>String</td> <td><code>'Longitude'</code></td> <td>No</td> <td>輸入地圖資訊區內標注經度字串，預設'Longitude'</td> </tr><tr> <td><code>opt.panelLabels.lat</code></td> <td>String</td> <td><code>'Latitude'</code></td> <td>No</td> <td>輸入地圖資訊區內標注緯度字串，預設'Latitude'</td> </tr><tr> <td><code>opt.panelLabels.zoom</code></td> <td>String</td> <td><code>'Zoom'</code></td> <td>No</td> <td>輸入地圖資訊區內標注顯示層級字串，預設'Zoom'</td> </tr><tr> <td><code>opt.panelLabels.useItems</code></td> <td>Array</td> <td><code>['lng','lat','zoom']</code></td> <td>No</td> <td>輸入地圖資訊區內呈現項目陣列，各元素給字串，'lng'代表經度，'lat'代表緯度，'zoom'代表顯示層級，預設['lng','lat','zoom']</td> </tr><tr> <td><code>opt.panelLabels.maxWidth</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入地圖資訊區最大寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelLabels.maxHeight</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入地圖資訊區最大高度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelZoom.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入縮放按鈕區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelZoom.position</code></td> <td>String</td> <td><code>'bottomleft'</code></td> <td>No</td> <td>輸入縮放按鈕區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomleft'</td> </tr><tr> <td><code>opt.panelItems.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入圖層顯隱切換區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelItems.position</code></td> <td>String</td> <td><code>'topleft'</code></td> <td>No</td> <td>輸入圖層顯隱切換區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topleft'</td> </tr><tr> <td><code>opt.panelItems.width</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖層顯隱切換區寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelItems.maxWidth</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖層顯隱切換區最大寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelItems.maxHeight</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖層顯隱切換區最大高度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelLegends.show</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入圖例區是否顯示布林值，預設true</td> </tr><tr> <td><code>opt.panelLegends.position</code></td> <td>String</td> <td><code>'bottomright'</code></td> <td>No</td> <td>輸入圖例區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomright'</td> </tr><tr> <td><code>opt.panelLegends.width</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖例區寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelLegends.maxWidth</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖例區最大寬度數字，單位px，預設null</td> </tr><tr> <td><code>opt.panelLegends.maxHeight</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入圖例區最大高度數字，單位px，預設null</td> </tr><tr> <td><code>opt.pointSets</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入點集合陣列，各元素為物件，預設[]</td> </tr><tr> <td><code>opt.pointSets[i].title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個點集合的標題字串，預設為''</td> </tr><tr> <td><code>opt.pointSets[i].msg</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個點集合的說明字串，預設為''</td> </tr><tr> <td><code>opt.pointSets[i].order</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個點集合的排序用數字，預設null</td> </tr><tr> <td><code>opt.pointSets[i].iconSrc</code></td> <td>String</td> <td><code>詳見程式碼</code></td> <td>No</td> <td>輸入第i個點集合的顯示圖標來源字串，可使用base64格式或網址，預設為google map的點圖標，值詳見程式碼</td> </tr><tr> <td><code>opt.pointSets[i].iconSize</code></td> <td>Array</td> <td><code>[24,40]</code></td> <td>No</td> <td>輸入第i個點集合的顯示圖標尺寸陣列，使用[寬,高]，長寬單位px，預設[24,40]</td> </tr><tr> <td><code>opt.pointSets[i].iconAnchor</code></td> <td>Array</td> <td><code>[iconSize[0]/2,iconSize[1]]</code></td> <td>No</td> <td>輸入第i個點集合的顯示圖標的實際定位位置陣列，由圖標左上角代表實際定位點起算，往左移動為+x，往上移動為+y，x與y單位px，需給予[x,y]，預設[iconSize[0]/2,iconSize[1]]</td> </tr><tr> <td><code>opt.pointSets[i].popupAnchor</code></td> <td>Array</td> <td><code>[0,-iconSize[1]/1.5]</code></td> <td>No</td> <td>輸入第i個點集合的顯示popup或tooltip時的指向位置陣列，由實際定位點起算，往右移動為+x，往下移動為+y，x與y單位px，需給予[x,y]，預設[0,-iconSize[1]/1.5]</td> </tr><tr> <td><code>opt.pointSets[i].visible</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入第i個點集合的是否顯示布林值，預設為true</td> </tr><tr> <td><code>opt.pointSets[i].points</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個點集合的各點數據陣列，各元素為物件或為緯經度陣列，也就是[{p1},{p2},...]或是[[p1lat,p1lng],[p2lat,p2lng],...]，預設為[]</td> </tr><tr> <td><code>opt.pointSets[i].points[j].title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的標題字串，預設為''</td> </tr><tr> <td><code>opt.pointSets[i].points[j].msg</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的說明字串，預設為''</td> </tr><tr> <td><code>opt.pointSets[i].points[j].latLng</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的緯經度座標陣列，也就是給予[lat,lng]，預設[]</td> </tr><tr> <td><code>opt.pointSets[i].points[j].iconSrc</code></td> <td>String</td> <td><code>詳見程式碼</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的顯示圖標來源字串，可使用base64格式或網址，預設為google map的點圖標，值詳見程式碼</td> </tr><tr> <td><code>opt.pointSets[i].points[j].iconSize</code></td> <td>Array</td> <td><code>[24,40]</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的顯示圖標尺寸陣列，使用[寬,高]，長寬單位px，預設[24,40]</td> </tr><tr> <td><code>opt.pointSets[i].points[j].iconAnchor</code></td> <td>Array</td> <td><code>[iconSize[0]/2,iconSize[1]]</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的顯示圖標的實際定位位置陣列，由圖標左上角代表實際定位點起算，往左移動為+x，往上移動為+y，x與y單位px，需給予[x,y]，預設[iconSize[0]/2,iconSize[1]]</td> </tr><tr> <td><code>opt.pointSets[i].points[j].popupAnchor</code></td> <td>Array</td> <td><code>[0,-iconSize[1]/1.5]</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的顯示popup或tooltip時的指向位置陣列，由實際定位點起算，往右移動為+x，往下移動為+y，x與y單位px，需給予[x,y]，預設[0,-iconSize[1]/1.5]</td> </tr><tr> <td><code>opt.defPointSetsClick</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域點集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].click</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的click呼叫函數，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].points[j].click</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的click呼叫函數，預設為function(){}</td> </tr><tr> <td><code>opt.defPointSetsPopup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域點集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].popup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].points[j].popup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.defPointSetsTooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域點集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].tooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.pointSets[i].points[j].tooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個點集合的第j個點的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入多邊形集合陣列，各元素為物件，預設[]</td> </tr><tr> <td><code>opt.polygonSets[i].title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個多邊形集合的標題字串，預設為''</td> </tr><tr> <td><code>opt.polygonSets[i].msg</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個多邊形集合的說明字串，預設為''</td> </tr><tr> <td><code>opt.polygonSets[i].order</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個多邊形集合的排序用數字，預設null</td> </tr><tr> <td><code>opt.polygonSets[i].lineColor</code></td> <td>String</td> <td><code>'rgba(0,150,255,1)'</code></td> <td>No</td> <td>輸入第i個多邊形集合的框線顏色字串，預設為'rgba(0,150,255,1)'</td> </tr><tr> <td><code>opt.polygonSets[i].lineColorHover</code></td> <td>String</td> <td><code>'rgba(0,150,255,1)'</code></td> <td>No</td> <td>輸入滑鼠移入時第i個多邊形集合的框線顏色字串，預設為'rgba(0,150,255,1)'</td> </tr><tr> <td><code>opt.polygonSets[i].lineWidth</code></td> <td>Number</td> <td><code>3</code></td> <td>No</td> <td>輸入第i個多邊形集合的框線寬度數字，預設為3</td> </tr><tr> <td><code>opt.polygonSets[i].lineWidthHover</code></td> <td>Number</td> <td><code>3</code></td> <td>No</td> <td>輸入滑鼠移入時第i個多邊形集合的框線寬度數字，預設為3</td> </tr><tr> <td><code>opt.polygonSets[i].fillColor</code></td> <td>String</td> <td><code>'rgba(0,150,255,0.25)'</code></td> <td>No</td> <td>輸入第i個多邊形集合的填充顏色字串，預設為'rgba(0,150,255,0.25)'</td> </tr><tr> <td><code>opt.polygonSets[i].fillColorHover</code></td> <td>String</td> <td><code>'rgba(0,150,255,0.25)'</code></td> <td>No</td> <td>輸入滑鼠移入時第i個多邊形集合的填充顏色字串，預設為'rgba(0,150,255,0.25)'</td> </tr><tr> <td><code>opt.polygonSets[i].latLngs</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入第i個多邊形集合的數據陣列，可使用polygon或multiPolygon，各點座標為緯經度，預設[]</td> </tr><tr> <td><code>opt.defPolygonSetsClick</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域多邊形集合的click呼叫函數，可給予函數接收點擊事件，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets[i].click</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個多邊形集合的click呼叫函數，預設為function(){}</td> </tr><tr> <td><code>opt.defPolygonSetsPopup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域多邊形集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets[i].popup</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個多邊形集合的popup內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.defPolygonSetsTooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入全域多邊形集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets[i].tooltip</code></td> <td>function</td> <td><code>function(){}</code></td> <td>No</td> <td>輸入第i個多邊形集合的tooltip內容產生函數，可基於傳入資料回傳顯示文字或html內容，預設為function(){}</td> </tr><tr> <td><code>opt.polygonSets[i].visible</code></td> <td>Boolean</td> <td><code>true</code></td> <td>No</td> <td>輸入第i個多邊形集合的是否顯示布林值，預設為true</td> </tr><tr> <td><code>opt.geojsonSets</code></td> <td>Array</td> <td><code>[]</code></td> <td>No</td> <td>輸入geojson集合陣列，各元素為物件，預設[]</td> </tr><tr> <td><code>opt.geojsonSets[i].title</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個geojson集合的標題字串，預設為''</td> </tr><tr> <td><code>opt.geojsonSets[i].msg</code></td> <td>String</td> <td><code>''</code></td> <td>No</td> <td>輸入第i個geojson集合的說明字串，預設為''</td> </tr><tr> <td><code>opt.geojsonSets[i].order</code></td> <td>Number</td> <td><code>null</code></td> <td>No</td> <td>輸入第i個geojson集合的排序用數字，預設null</td> </tr><tr> <td><code>opt.geojsonSets[i].lineColor</code></td> <td>String</td> <td><code>'rgba(0,150,255,1)'</code></td> <td>No</td> <td>輸入第i個geojson集合的框線顏色字串，預設為'rgba(0,150,255,1)'</td> </tr><tr> <td><code>opt.geojsonSets[i].lineColorHover</code></td> <td>String</td> <td><code>'rgba(0,150,255,1)'</code></td> <td>No</td> <td>輸入滑鼠移入時第i個geojson集合的框線顏色字串，預設為'rgba(0,150,255,1)'</td> </tr><tr> <td><code>opt.geoj