Kingwaytek

實例方法

關於資料層使用API的詳細說明及範例。

實例方法

Data

處理地理幾何圖形的圖層,支援座標點、線條及多邊形,包含 Features 的集合資料。 每個 map內都會有 Data 物件,不用再自行建構。

NameDescription
addGeoJson將整份 Geojson 資料集加入地圖。
add可獨立加入 Feature 到地圖上。
removeFeature從地圖中移除指定的 Feature
removeFeatureById依據唯一值的屬性 ID,從地圖中移除 Feature
getFeatureById根據唯一 id 取得地圖中的指定項目。
setStyle設定資料層上所有地圖項目的樣式。
overrideStyle覆蓋指定 Feature 的樣式,暫時改變其外觀。
revertStyle移除使用 overrideStyle 覆蓋的樣式。
toGeoJson將資料層內的地圖項目輸出至 GeoJSON 格式。
forEachFeature遍歷地圖中的所有 Feature ,用於重複呼叫指定函式。
clear移除資料層內所有的地圖項目。

addGeoJson

addGeoJson(geojson)

將整份 Geojson 資料集加入地圖。

Parameters

  • geojson (object): 符合 GeoJSON 格式的幾何圖形資料。

Examples

add

add(feature)

可獨立加入 Feature 到地圖上。

Parameters

  • feature (object) : 包含 geometryproperties 兩種物件。

Example

getFeatureById

getFeatureById(id)

根據 id 取得地圖中的指定項目。

Parameters

  • id (number | string) : 各 Feature 的唯一鍵值。

Returns

object : geojsonfeature 格式。

Example

removeFeature

removeFeature(feature)

從地圖中移除指定的 Feature

Parameters

  • feature (object) : 接收資料層中的地圖項目。

Example

removeFeatureById

removeFeatureById(id)

依據唯一值的屬性 ID,從地圖中移除 Feature

Parameters

  • id (number | string) : 接收待刪除的地圖項目 id。

Example

setStyle

setStyle(callback | style)

設定資料層上所有地圖項目的樣式。

Parameters

  • callback (function) : 回調函數,返回資料層中所有地圖項目。
  • style (object) : 樣式更改結果。

Example

overrideStyle

overrideStyle(feature, style)

覆蓋指定 Feature 的樣式,暫時改變其外觀。

Parameters

  • feature (object) : 資料層中的地圖項目。
  • style (object) : 覆蓋的樣式。

Example

revertStyle

revertStyle()

移除使用 overrideStyle 所渲染的覆蓋樣式。

Example

toGeoJson

toGeoJson(callback)

將資料層內的地圖項目輸出至 GeoJSON 格式。

Parameters

  • callback : 以 Geojson 格式輸出整個資料層的地圖項目。

Example

forEachFeature

forEachFeature(callback)

遍歷地圖中的所有 Feature,用於重複呼叫指定函式。

Parameters

  • callback (function) : 回調函數,返回資料層中所有地圖項目。

Example

clear

clear()

移除資料層內所有的地圖項目。

Example

Feature

地圖項目包含唯一 ID 、幾何圖形及屬性資料。 請搭配 data.setStyledata.getFeatureById 一起使用。

NameDescription
setProperty設定指定屬性的內容。
getProperty回傳屬性的值。
removeProperty移除特定屬性。
setGeometry設定地圖項目的經緯度位置。
getGeometry回傳地圖項目的經緯度位置。
forEachProperty遍歷所有屬性內容 ,用於重複呼叫指定函式。
displayFeatureText添加幾何圖形的文字說明,圖形類別:線條為間距顯示,多邊形則顯示在圖形中央。
removeDisplayText移除以 displayFeatureText 方法添加的文字項目。
iconAlongLinestring增加 ICON 至線條圖形上。

setProperty

setProperty(property, value)

設定指定屬性的內容。

Parameters

  • property (string) : 地圖項目的屬性名稱。
  • value (string | number) : 需設定的值。

Example

getProperty

getProperty(property)

回傳屬性的值。

Parameters

  • property (string) : 指定的屬性名稱。

Example

removeProperty

removeProperty(property)

移除特定屬性,其中 id 為識別地圖項目的唯一值,因此不可刪除。

Parameters

  • property (string) : 移除的屬性名稱。

Example

setGeometry

setGeometry(geometry)

設定地圖項目的經緯度位置,經度在前緯度在後。

Parameters

  • geometry (array) : 包含經緯度的陣列。

Example

getGeometry

getGeometry()

回傳地圖項目的經緯度位置。

Returns

  • geometry (array) : 幾何圖形的經緯度陣列。

Example

forEachProperty

forEachProperty(callback)

遍歷所有屬性內容 ,用於重複呼叫指定函式。

Parameters

  • callback (function) : 回調函數,該回調函式返回包含 屬性內容 以及屬性名稱的物件。

Example

displayFeatureText

displayFeatureText(text)

添加幾何圖形的文字說明,若為線條幾何圖形則文字為間距顯示;多邊形幾何圖形文字則會顯示在圖形中央。

Parameters

  • text (string) : 可輸入屬性名稱或是文字內容。

Example

removeDisplayText

removeDisplayText()

移除以 displayFeatureText 方法添加的文字項目。

Example

iconAlongLinestring

iconAlongLinestring()

沿著線條 Feature 增加 ICON 顯示,可依據使用情況調整 ICON 的樣式。
詳細使用方法可見範例:

Parameters

  • options(object) : 要設定的 ICON 樣式。
    NameDescription
    options.iconImage (string)圖案名稱,預設為 black_location
    options.iconSize (number)圖案大小,預設為 1。
    options.rotationAlignmentMap (boolean)ICON 的垂直目標,true 為垂直線條方向, false 為垂直地圖視窗方向。
    options.iconRotate (number)順時針的旋轉角度,以角度為單位,預設為 0。

Example