Kingwaytek

其他控制器

電子地圖上可添加的控制器

其他控制器

AttributionControl

new mapPlus.AttributionControl(options)

顯示地圖的資訊。

參數:

  • options Object :
名稱描述
options.compact boolean是否有收合功能,預設為false
options.customAttribution string帶入自定義文字的附加資訊。

範例:

DrawControl

new mapPlus.DrawControl()

地圖繪圖功能。

範例:

FullscreenControl

new mapPlus.FullscreenControl(options)

全螢幕功能。

參數:

  • options Object :
名稱描述
options.container HTMLElement要顯示全螢幕的容器。

範例:

MassTransitControl

new mapPlus.MassTransitControl(options)

控制大眾運輸顯示或隱藏。

參數:

  • options Object :
名稱描述
options.useButton boolean是否使用按鈕控制大眾運輸顯示/隱藏。

範例:

實例方法:

offTransit

offTransit(transit)

隱藏指定大眾運輸。

參數:

  • transit string : 要隱藏的大眾運輸,捷運路線為mrt、火車路線為train

範例:

onTransit

onTransit(transit)

顯示指定大眾運輸。

參數:

  • transit string : 要顯示的大眾運輸,捷運路線為mrt、火車路線為train

範例:

MeasureControl

new mapPlus.MeasureControl(options)

地圖測距功能。

參數:

  • options Object :
名稱描述
options.units boolean使用單位,可設定為 metric(公制)、imperial(英制),預設為 metric

範例:

new mapPlus.NavigationControl()

導航功能。

範例:

RouteNavControl

new mapPlus.RouteNavControl(options)

地圖導航功能。

參數:

  • options Object :
名稱描述
options.useSearch boolean在地圖導航功能中,是否可使用地圖搜尋功能,預設為false

範例:

ScaleControl

new mapPlus.ScaleControl(options)

比例尺功能。

參數:

  • options Object :
名稱描述
options.unit string比例尺的單位,可設定為'metric'(公制單位)、'imperial'(英制單位)或'nautical'(海洋單位),預設為'metric'
options.maxWidth number比例尺的最大寬度,預設為80

範例:

SearchControl

new mapPlus.SearchControl(options)

地圖搜尋功能。

參數:

  • options Object :
名稱描述
options.useRouteNav boolean在地圖搜尋功能中,是否可使用地圖導航功能,預設為false
options.useAutoComplete boolean在地圖搜尋功能中,是否可使用自動完成功能,預設為false

範例:

SelectControl

new mapPlus.SelectControl(options)

選取工具

參數:

  • options Object :
名稱描述
options.useButton boolean是否使用按鈕控制選取工具的開關。
options.layerId string要綁定的圖層 id。

範例:

StyleModeControl

new mapPlus.StyleModeControl(options)

切換地圖風格模式。

參數:

  • options Object :
名稱描述
options.useButton boolean是否使用按鈕控制風格模式。
options.styleList object要添加的地圖風格。key 為地圖樣式 idvalueobjectvalue.title 為樣式名稱,value.sky 為天空顏色,value.style.etxt 樣式檔。

範例:

實例方法:

addStyleMode

addStyleMode(modeId, style)

添加地圖模式。

參數:

  • modeId string : 要新增的地圖模式 id。
  • style object :
名稱描述
style.title object樣式名稱。
style.sky object天空顏色。
style.style object.etxt 樣式檔。

範例:

setStyleMode

setStyleMode(modeId)

更改地圖模式。

參數:

  • modeId string : 要切換的地圖模式 id。

範例:

TextureControl

new mapPlus.TextureControl(options)

套用建物材質。

參數:

  • options Object :
名稱描述
options.useButton boolean是否使用按鈕控制建物材質的開關。
options.ignoreLandmark boolean如果圖磚為特殊地標,是否要忽略套用建物材質。

範例:

TrafficFlowControl

new mapPlus.TrafficFlowControl(options)

顯示即時路況。

參數:

  • options Object :
名稱描述
options.useButton Object是否使用按鈕控制即時路況的開關。
options.color boolean設定即時路況的顏色。

範例: