類別 OvControl

View3D

View2D

Document2D

靜態DefaultTo2D

• DefaultTo2D(id: string, initBoundary: GeoBoundary): OvControl

  初始化2D3D圖台控制器且預設為2D

  參數

  • id: string

    欲綁定DIV的ID。
  • initBoundary: GeoBoundary

    初始視域,此參數僅為初始化完成時讓畫面好看一點，實際上還是會在地形載入後以3D的範圍為準

  回傳 OvControl

  控制器

addWMTSOverlay

• addWMTSOverlay(
      url: string,
      id: string,
      fromPGMapServer: boolean,
      layerName: string,
      token?: string,
  ): WMTSOverlayLayer2D3D

  新增一張WMTS疊加圖層

  參數

  • url: string

    WMTS來源位置。
  • id: string

    WMTS的索引名稱。
  • fromPGMapServer: boolean

    此圖層服務是否來自PilotGaea伺服器。
  • layerName: string

    圖層名稱。
  • 可選token: string

    若有需要提供，token。

  回傳 WMTSOverlayLayer2D3D

  圖層手柄

  範例

  View2D3D.addWMTSOverlay("http://maps.nlsc.gov.tw/S_Maps/wmts", "TOWN", false);
  複製

removeWMTSOverlay

• removeWMTSOverlay(overlay: WMTSOverlayLayer2D3D): void

  移除一張WMTS疊加圖層。

  參數

  • overlay: WMTSOverlayLayer2D3D

    圖層手柄。

  回傳 void

  範例

  View2D3D.removeWMTSOverlay(handle);
  複製

removeAllWMTSOverlay

• removeAllWMTSOverlay(): void

  移除所有WMTS疊加圖層。

  回傳 void

  範例

  View2D3D.removeAllWMTSOverlay();
  複製

getWMTSOverlays

• getWMTSOverlays(): WMTSOverlayLayer2D3D[]

  取得所有WMTS疊加圖層手柄。

  回傳 WMTSOverlayLayer2D3D[]

  疊加圖層手柄。

  範例

  var handles = View2D3D.getWMTSOverlays();
  複製

getWMTSOverlayCount

• getWMTSOverlayCount(): number

  取得所有WMTS疊加圖層數。

  回傳 number

  疊加圖層數。

  範例

  var count = View2D3D.getWMTSOverlayCount();
  複製

moveWMTSOverlayToTop

• moveWMTSOverlayToTop(overlay: WMTSOverlayLayer2D3D): void

  移動一張WMTS疊加圖層到最上層。

  參數

  • overlay: WMTSOverlayLayer2D3D

    疊加圖層手柄。

  回傳 void

  範例

  View2D3D.moveWMTSOverlayToTop(handle);
  複製

moveWMTSOverlayToBottom

• moveWMTSOverlayToBottom(overlay: WMTSOverlayLayer2D3D): void

  移動一張WMTS疊加圖層到最底層。

  參數

  • overlay: WMTSOverlayLayer2D3D

    疊加圖層手柄。

  回傳 void

  範例

  View2D3D.moveWMTSOverlayToBottom(handle);
  複製

moveWMTSOverlayTo

• moveWMTSOverlayTo(overlay: WMTSOverlayLayer2D3D, index: number): void

  移動一張WMTS疊加圖層到指定位置上。

  參數

  • overlay: WMTSOverlayLayer2D3D

    疊加圖層手柄。
  • index: number

    疊加圖層位置。

  回傳 void

  範例

  View2D3D.moveWMTSOverlayToBottom(handle, 3);//移到位置3
  複製

initView

• initView(
      epsg: number,
      terrainSrcIPAddress: string,
      terrainSrcPort: number,
      terrainSrcName: string,
      wmtsURL: string,
      wmtsID: string,
      wmtsProxy: boolean,
      callback: () => void,
  ): void

  初始化圖台視圖。

  參數

  • epsg: number

    指示圖台的EPSG。
  • terrainSrcIPAddress: string

    地形來源的伺服器位址。
  • terrainSrcPort: number

    地形來源的伺服器埠口號。
  • terrainSrcName: string

    地形圖層在伺服器上的名稱。
  • wmtsURL: string

    底圖的WMTS來源位置。
  • wmtsID: string

    底圖的WMTS的索引名稱。
  • wmtsProxy: boolean

    指示3D圖台底圖是否要使用代理來進行取圖。
  • callback: () => void

    初始化完成後的回呼。

  回傳 void

  範例

  var View2D3D = new ov2D3D.OvControl("view");
  View2D3D.initView(3857, "127.0.0.1", "8080", "terrain", "http://maps.nlsc.gov.tw/S_Maps/wmts", "PHOTO2", true, function (){});
  複製

initViewParameter

• initViewParameter(
      parameter: WMTSOverlay2D3DInitSetting,
      callback: () => void,
  ): void

  使用物件參數初始化圖台視圖。

  參數

  • parameter: WMTSOverlay2D3DInitSetting

    參數。
  • callback: () => void

    初始化完成後的回呼。

  回傳 void

  範例

  var View2D3D = new ov2D3D.OvControl("view");
  View2D3D.initViewParameter({
        epsg: 3857,
        terrainIp: "127.0.0.1",
        terrainPort: 8080,
        terrainName: "terrain",
        terrainSetting: {}
        wmtsUrl: "http://maps.nlsc.gov.tw/S_Maps/wmts",
        wmtsIdentifier: "PHOTO2",
        wmtsProxy: true
   }, function (){});
  複製

isUnderGround

• isUnderGround(): boolean

  指示目前3D攝影機位置是否在地底，若是2D模式將會直接返回false。

  回傳 boolean

  是否在地底。

inputPolygon

• inputPolygon(success: (geo: GeoPolygon) => void, fail: () => void): void

  輸入一個多邊形。

  參數

  • success: (geo: GeoPolygon) => void

    多邊形輸入成功的回呼，會返回一個幾何。
  • fail: () => void

    多邊形輸入失敗的回呼。

  回傳 void

  範例

  View2D3D.inputPolygon(
      function(Geo){
           //TODO
      },
      function(){
           //TODO
      }
  );
  複製

inputPoint

• inputPoint(success: (geo: GeoPoint) => void, fail: () => void): void

  輸入一個點。

  參數

  • success: (geo: GeoPoint) => void

    點輸入成功的回呼，會返回一個幾何。
  • fail: () => void

    點輸入失敗的回呼。

  回傳 void

  範例

  View2D3D.inputPoint(
      function(Geo){
           //TODO
      },
      function(){
           //TODO
      }
  );
  複製

inputRectangle

• inputRectangle(
      success: (geo: GeoBoundary | CRect) => void,
      fail: () => void,
  ): void

  輸入一個矩形。

  參數

  • success: (geo: GeoBoundary | CRect) => void

    矩形輸入成功的回呼，會返回一個幾何。
  • fail: () => void

    矩形輸入失敗的回呼。

  回傳 void

  範例

  View2D3D.inputRectangle(
      function(Geo){
           //TODO
      },
      function(){
           //TODO
      }
  );
  複製

inputPolyline

• inputPolyline(success: (geo: GeoPolyline) => void, fail: () => void): void

  輸入一個聚合線。

  參數

  • success: (geo: GeoPolyline) => void

    聚合線輸入成功的回呼，會返回一個幾何。
  • fail: () => void

    聚合線輸入失敗的回呼。

  回傳 void

  範例

  View2D3D.inputPolyline(
  	(polyline) => { //TODO },
  	() => { //TODO }
  );
  複製

abortInput

• abortInput(): void

  中斷一個輸入。

  回傳 void

  範例

  View2D3D.abortInput();
  複製

clearMeasure

• clearMeasure(): void

  清除輸入。

  回傳 void

  範例

  View2D3D.clearMeasure();
  複製

measureArea

• measureArea(): void

  測量面積。

  回傳 void

  範例

  View2D3D.measureArea();
  複製

measureLength

• measureLength(): void

  測量長度。

  回傳 void

  範例

  View2D3D.measureLength();
  複製

abortMeasure

• abortMeasure(): void

  中斷測量。

  回傳 void

  範例

  View2D3D.abortMeasure();
  複製

flyTo

• flyTo(point: GeoPoint): void

  飛越移動視圖視野到指定位置上。

  參數

  • point: GeoPoint

    指定位置。

  回傳 void

  範例

  View2D3D.flyTo(new GeoPoint(13532015.083,2883016.813));
  複製

panTo

• panTo(point: GeoPoint, duration?: number): void

  平移移動視圖視野到指定位置上。

  參數

  • point: GeoPoint

    指定位置。
  • 可選duration: number

    平移時間。

  回傳 void

  範例

  View2D3D.panTo(new GeoPoint(13532015.083,2883016.813));
  複製

elasticTo

• elasticTo(point: GeoPoint): void

  吸附移動視圖視野到指定位置上。

  參數

  • point: GeoPoint

    指定位置。

  回傳 void

  範例

  View2D3D.elasticTo(new GeoPoint(13532015.083,2883016.813));
  複製

bounceTo

• bounceTo(point: GeoPoint): void

  彈跳移動視圖視野到指定位置上。

  參數

  • point: GeoPoint

    指定位置。

  回傳 void

  範例

  View2D3D.bounceTo(new GeoPoint(13532015.083,2883016.813));
  複製

moveTo

• moveTo(point: GeoPoint): void

  瞬間移動視圖視野到指定位置上。

  參數

  • point: GeoPoint

    指定位置。

  回傳 void

  範例

  View2D3D.moveTo(new GeoPoint(13532015.083,2883016.813));
  複製

setBaseLayer

• setBaseLayer(
      wmtsURL: string,
      wmtsName: string,
      fromPilotGaea: boolean,
      proxy: boolean,
  ): void

  設定視圖底圖。

  參數

  • wmtsURL: string

    底圖的WMTS來源位置。
  • wmtsName: string

    底圖的WMTS的索引名稱。
  • fromPilotGaea: boolean

    指示此圖層服務是否來自PilotGaea伺服器。
  • proxy: boolean

    指示3D圖台底圖是否要使用代理來進行取圖。

  回傳 void

  範例

  View2D3D.setBaseLayer("http://maps.nlsc.gov.tw/S_Maps/wmts", "EMAP5");
  複製

modeSwap

• modeSwap(complete: () => void): void

  2D與3D圖台相互切換。

  參數

  • complete: () => void

    當切換完畢時的回呼。

  回傳 void

  範例

  View2D3D.modeSwap(function(){
       alert("done!");
  });
  複製

getCurrentMode

• getCurrentMode(): Ov2D3DDisplayDimensionType

  取得目前圖台展示模式。

  回傳 Ov2D3DDisplayDimensionType

  目前的展示模式。

constructor

• new OvControl(id: string, mode: Ov2D3DDisplayDimensionType): OvControl

  2D3D圖台控制器

  參數

  • id: string

    欲綁定DIV的ID。
  • mode: Ov2D3DDisplayDimensionType

    預設的顯示模式，若不指定則預設顯示3D，其值必須為 DISPLAY_DIMENSION 的值，注意若希望預設顯示2D建議使用ov2D3D.OvControl.DefaultTo2D

  回傳 OvControl

  範例

  let view2D3D = new ov2D3D.OvControl("view");
  複製