圖資中心共通平台

嵌入式電子地圖技術手冊

- II -

目錄

壹 系統說明 3

一 系統網址httpgistpgostaipeigovtwtp98_6_demo 3

二 系統架構圖 3

貳 設計細節 4

一 整體系統說明 4

二 整合應用 5

三 鑲嵌式圖台 API-初始參數設定 6

四 鑲嵌式圖台 API-地圖互動操作說明 7

五 鑲嵌式圖台 API-統計地圖操作說明 9

六 網路服務 API 10

七 圖層控制 12

八 2D 與 3D 地圖 20

參 嵌入式電子地圖介紹 24

一 嵌入式電子地圖模組作業成果 24

二 初始操作 29

三 互動操作 36

四 網路服務 API 48

3

壹 系統說明

一 系統網址httpgistpgostaipeigovtwtp98_6_demo

二 系統架構圖

4

貳 設計細節

一 整體系統說明

本成果系統採用 JavaScript 技術之 ExtJS進行網頁版

型架構分割ExtJS 提供多項 API供設計者快速進行程式

撰寫並可使各項網頁元素活動性提高增強系統與使用者

之間互動與界面之友善性和美觀搭配本案所建製之共通平

台鑲嵌式圖台鑲入 2D 與 3D 地圖以展現本案至目前所

產製出之各項成果圖形資料並引領使用者在系統與圖台之

間的互動操作如 WMS套疊KML套繪hellip等功能

5

二 整合應用

1 功能畫面

2 功能說明

在系統上簡易介紹本專案說明鑲嵌式圖台說明及

列出與本專案相關應用系統或網站

6

三 鑲嵌式圖台 API-初始參數設定

1 功能畫面

2 功能說明

介紹鑲嵌式圖台使用時針對 API KEY 使用權

限各種鑲嵌模式(單一視窗鑲嵌式鑲嵌式圖片

式互動式)各類工具列類型(基本版標準版

進階版)和地圖初始操作(圖層控制區開關圖層控

制區鎖定初始圖層初始範圍初始坐標及比例

尺地圖訊息提示鑲嵌靜態式高度寬度)說明

並提供各項功能之使用範例展示

7

四 鑲嵌式圖台 API-地圖互動操作說明

1 功能畫面

2 功能說明

介紹鑲嵌式圖台鑲嵌後若鑲嵌模式為互動

式則可使用各項定位功能(BBOX 定位BBOX 定

位+坐標轉換中心點+比例尺定位中心點+地圖範

圍定位XY定位)查詢功能(地標查詢門牌查詢

路口查詢路段查詢段地號查詢行政區查詢

行政里查詢圖幅查詢XY查詢取得地圖中心點

查詢)地圖操作(加入圖層加入市民生活資料庫圖

8

層刪除圖層條件過濾加入 WMS圖層圖層開

關地圖重整鎖定圖例區)套繪標繪(點線面

標繪檔案套繪Cache 圖層套繪)之 API並提供

各項功能說明與使用範例展示

9

五 鑲嵌式圖台 API-統計地圖操作說明

1 功能畫面

2 功能說明

為簡化製作統計地圖之繁雜程序將整個統計

地圖流程精簡至只需匯入資料設定樣式最後加

入圖層即可完成統計地圖之製作提供提供使用

者進行統計資料之匯入作業並訂定資料屬性功

能統計地圖樣式設定作業(如依據統計資料設定統

計地圖類型相關欄位設定分級設定顏色設定

大小設定等)統計地圖加入圖台之作業

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

- II -

目錄

壹 系統說明 3

一 系統網址httpgistpgostaipeigovtwtp98_6_demo 3

二 系統架構圖 3

貳 設計細節 4

一 整體系統說明 4

二 整合應用 5

三 鑲嵌式圖台 API-初始參數設定 6

四 鑲嵌式圖台 API-地圖互動操作說明 7

五 鑲嵌式圖台 API-統計地圖操作說明 9

六 網路服務 API 10

七 圖層控制 12

八 2D 與 3D 地圖 20

參 嵌入式電子地圖介紹 24

一 嵌入式電子地圖模組作業成果 24

二 初始操作 29

三 互動操作 36

四 網路服務 API 48

3

壹 系統說明

一 系統網址httpgistpgostaipeigovtwtp98_6_demo

二 系統架構圖

4

貳 設計細節

一 整體系統說明

本成果系統採用 JavaScript 技術之 ExtJS進行網頁版

型架構分割ExtJS 提供多項 API供設計者快速進行程式

撰寫並可使各項網頁元素活動性提高增強系統與使用者

之間互動與界面之友善性和美觀搭配本案所建製之共通平

台鑲嵌式圖台鑲入 2D 與 3D 地圖以展現本案至目前所

產製出之各項成果圖形資料並引領使用者在系統與圖台之

間的互動操作如 WMS套疊KML套繪hellip等功能

5

二 整合應用

1 功能畫面

2 功能說明

在系統上簡易介紹本專案說明鑲嵌式圖台說明及

列出與本專案相關應用系統或網站

6

三 鑲嵌式圖台 API-初始參數設定

1 功能畫面

2 功能說明

介紹鑲嵌式圖台使用時針對 API KEY 使用權

限各種鑲嵌模式(單一視窗鑲嵌式鑲嵌式圖片

式互動式)各類工具列類型(基本版標準版

進階版)和地圖初始操作(圖層控制區開關圖層控

制區鎖定初始圖層初始範圍初始坐標及比例

尺地圖訊息提示鑲嵌靜態式高度寬度)說明

並提供各項功能之使用範例展示

7

四 鑲嵌式圖台 API-地圖互動操作說明

1 功能畫面

2 功能說明

介紹鑲嵌式圖台鑲嵌後若鑲嵌模式為互動

式則可使用各項定位功能(BBOX 定位BBOX 定

位+坐標轉換中心點+比例尺定位中心點+地圖範

圍定位XY定位)查詢功能(地標查詢門牌查詢

路口查詢路段查詢段地號查詢行政區查詢

行政里查詢圖幅查詢XY查詢取得地圖中心點

查詢)地圖操作(加入圖層加入市民生活資料庫圖

8

層刪除圖層條件過濾加入 WMS圖層圖層開

關地圖重整鎖定圖例區)套繪標繪(點線面

標繪檔案套繪Cache 圖層套繪)之 API並提供

各項功能說明與使用範例展示

9

五 鑲嵌式圖台 API-統計地圖操作說明

1 功能畫面

2 功能說明

為簡化製作統計地圖之繁雜程序將整個統計

地圖流程精簡至只需匯入資料設定樣式最後加

入圖層即可完成統計地圖之製作提供提供使用

者進行統計資料之匯入作業並訂定資料屬性功

能統計地圖樣式設定作業(如依據統計資料設定統

計地圖類型相關欄位設定分級設定顏色設定

大小設定等)統計地圖加入圖台之作業

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

3

壹 系統說明

一 系統網址httpgistpgostaipeigovtwtp98_6_demo

二 系統架構圖

4

貳 設計細節

一 整體系統說明

本成果系統採用 JavaScript 技術之 ExtJS進行網頁版

型架構分割ExtJS 提供多項 API供設計者快速進行程式

撰寫並可使各項網頁元素活動性提高增強系統與使用者

之間互動與界面之友善性和美觀搭配本案所建製之共通平

台鑲嵌式圖台鑲入 2D 與 3D 地圖以展現本案至目前所

產製出之各項成果圖形資料並引領使用者在系統與圖台之

間的互動操作如 WMS套疊KML套繪hellip等功能

5

二 整合應用

1 功能畫面

2 功能說明

在系統上簡易介紹本專案說明鑲嵌式圖台說明及

列出與本專案相關應用系統或網站

6

三 鑲嵌式圖台 API-初始參數設定

1 功能畫面

2 功能說明

介紹鑲嵌式圖台使用時針對 API KEY 使用權

限各種鑲嵌模式(單一視窗鑲嵌式鑲嵌式圖片

式互動式)各類工具列類型(基本版標準版

進階版)和地圖初始操作(圖層控制區開關圖層控

制區鎖定初始圖層初始範圍初始坐標及比例

尺地圖訊息提示鑲嵌靜態式高度寬度)說明

並提供各項功能之使用範例展示

7

四 鑲嵌式圖台 API-地圖互動操作說明

1 功能畫面

2 功能說明

介紹鑲嵌式圖台鑲嵌後若鑲嵌模式為互動

式則可使用各項定位功能(BBOX 定位BBOX 定

位+坐標轉換中心點+比例尺定位中心點+地圖範

圍定位XY定位)查詢功能(地標查詢門牌查詢

路口查詢路段查詢段地號查詢行政區查詢

行政里查詢圖幅查詢XY查詢取得地圖中心點

查詢)地圖操作(加入圖層加入市民生活資料庫圖

8

層刪除圖層條件過濾加入 WMS圖層圖層開

關地圖重整鎖定圖例區)套繪標繪(點線面

標繪檔案套繪Cache 圖層套繪)之 API並提供

各項功能說明與使用範例展示

9

五 鑲嵌式圖台 API-統計地圖操作說明

1 功能畫面

2 功能說明

為簡化製作統計地圖之繁雜程序將整個統計

地圖流程精簡至只需匯入資料設定樣式最後加

入圖層即可完成統計地圖之製作提供提供使用

者進行統計資料之匯入作業並訂定資料屬性功

能統計地圖樣式設定作業(如依據統計資料設定統

計地圖類型相關欄位設定分級設定顏色設定

大小設定等)統計地圖加入圖台之作業

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

4

貳 設計細節

一 整體系統說明

本成果系統採用 JavaScript 技術之 ExtJS進行網頁版

型架構分割ExtJS 提供多項 API供設計者快速進行程式

撰寫並可使各項網頁元素活動性提高增強系統與使用者

之間互動與界面之友善性和美觀搭配本案所建製之共通平

台鑲嵌式圖台鑲入 2D 與 3D 地圖以展現本案至目前所

產製出之各項成果圖形資料並引領使用者在系統與圖台之

間的互動操作如 WMS套疊KML套繪hellip等功能

5

二 整合應用

1 功能畫面

2 功能說明

在系統上簡易介紹本專案說明鑲嵌式圖台說明及

列出與本專案相關應用系統或網站

6

三 鑲嵌式圖台 API-初始參數設定

1 功能畫面

2 功能說明

介紹鑲嵌式圖台使用時針對 API KEY 使用權

限各種鑲嵌模式(單一視窗鑲嵌式鑲嵌式圖片

式互動式)各類工具列類型(基本版標準版

進階版)和地圖初始操作(圖層控制區開關圖層控

制區鎖定初始圖層初始範圍初始坐標及比例

尺地圖訊息提示鑲嵌靜態式高度寬度)說明

並提供各項功能之使用範例展示

7

四 鑲嵌式圖台 API-地圖互動操作說明

1 功能畫面

2 功能說明

介紹鑲嵌式圖台鑲嵌後若鑲嵌模式為互動

式則可使用各項定位功能(BBOX 定位BBOX 定

位+坐標轉換中心點+比例尺定位中心點+地圖範

圍定位XY定位)查詢功能(地標查詢門牌查詢

路口查詢路段查詢段地號查詢行政區查詢

行政里查詢圖幅查詢XY查詢取得地圖中心點

查詢)地圖操作(加入圖層加入市民生活資料庫圖

8

層刪除圖層條件過濾加入 WMS圖層圖層開

關地圖重整鎖定圖例區)套繪標繪(點線面

標繪檔案套繪Cache 圖層套繪)之 API並提供

各項功能說明與使用範例展示

9

五 鑲嵌式圖台 API-統計地圖操作說明

1 功能畫面

2 功能說明

為簡化製作統計地圖之繁雜程序將整個統計

地圖流程精簡至只需匯入資料設定樣式最後加

入圖層即可完成統計地圖之製作提供提供使用

者進行統計資料之匯入作業並訂定資料屬性功

能統計地圖樣式設定作業(如依據統計資料設定統

計地圖類型相關欄位設定分級設定顏色設定

大小設定等)統計地圖加入圖台之作業

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

5

二 整合應用

1 功能畫面

2 功能說明

在系統上簡易介紹本專案說明鑲嵌式圖台說明及

列出與本專案相關應用系統或網站

6

三 鑲嵌式圖台 API-初始參數設定

1 功能畫面

2 功能說明

介紹鑲嵌式圖台使用時針對 API KEY 使用權

限各種鑲嵌模式(單一視窗鑲嵌式鑲嵌式圖片

式互動式)各類工具列類型(基本版標準版

進階版)和地圖初始操作(圖層控制區開關圖層控

制區鎖定初始圖層初始範圍初始坐標及比例

尺地圖訊息提示鑲嵌靜態式高度寬度)說明

並提供各項功能之使用範例展示

7

四 鑲嵌式圖台 API-地圖互動操作說明

1 功能畫面

2 功能說明

介紹鑲嵌式圖台鑲嵌後若鑲嵌模式為互動

式則可使用各項定位功能(BBOX 定位BBOX 定

位+坐標轉換中心點+比例尺定位中心點+地圖範

圍定位XY定位)查詢功能(地標查詢門牌查詢

路口查詢路段查詢段地號查詢行政區查詢

行政里查詢圖幅查詢XY查詢取得地圖中心點

查詢)地圖操作(加入圖層加入市民生活資料庫圖

8

層刪除圖層條件過濾加入 WMS圖層圖層開

關地圖重整鎖定圖例區)套繪標繪(點線面

標繪檔案套繪Cache 圖層套繪)之 API並提供

各項功能說明與使用範例展示

9

五 鑲嵌式圖台 API-統計地圖操作說明

1 功能畫面

2 功能說明

為簡化製作統計地圖之繁雜程序將整個統計

地圖流程精簡至只需匯入資料設定樣式最後加

入圖層即可完成統計地圖之製作提供提供使用

者進行統計資料之匯入作業並訂定資料屬性功

能統計地圖樣式設定作業(如依據統計資料設定統

計地圖類型相關欄位設定分級設定顏色設定

大小設定等)統計地圖加入圖台之作業

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

6

三 鑲嵌式圖台 API-初始參數設定

1 功能畫面

2 功能說明

介紹鑲嵌式圖台使用時針對 API KEY 使用權

限各種鑲嵌模式(單一視窗鑲嵌式鑲嵌式圖片

式互動式)各類工具列類型(基本版標準版

進階版)和地圖初始操作(圖層控制區開關圖層控

制區鎖定初始圖層初始範圍初始坐標及比例

尺地圖訊息提示鑲嵌靜態式高度寬度)說明

並提供各項功能之使用範例展示

7

四 鑲嵌式圖台 API-地圖互動操作說明

1 功能畫面

2 功能說明

介紹鑲嵌式圖台鑲嵌後若鑲嵌模式為互動

式則可使用各項定位功能(BBOX 定位BBOX 定

位+坐標轉換中心點+比例尺定位中心點+地圖範

圍定位XY定位)查詢功能(地標查詢門牌查詢

路口查詢路段查詢段地號查詢行政區查詢

行政里查詢圖幅查詢XY查詢取得地圖中心點

查詢)地圖操作(加入圖層加入市民生活資料庫圖

8

層刪除圖層條件過濾加入 WMS圖層圖層開

關地圖重整鎖定圖例區)套繪標繪(點線面

標繪檔案套繪Cache 圖層套繪)之 API並提供

各項功能說明與使用範例展示

9

五 鑲嵌式圖台 API-統計地圖操作說明

1 功能畫面

2 功能說明

為簡化製作統計地圖之繁雜程序將整個統計

地圖流程精簡至只需匯入資料設定樣式最後加

入圖層即可完成統計地圖之製作提供提供使用

者進行統計資料之匯入作業並訂定資料屬性功

能統計地圖樣式設定作業(如依據統計資料設定統

計地圖類型相關欄位設定分級設定顏色設定

大小設定等)統計地圖加入圖台之作業

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

7

四 鑲嵌式圖台 API-地圖互動操作說明

1 功能畫面

2 功能說明

介紹鑲嵌式圖台鑲嵌後若鑲嵌模式為互動

式則可使用各項定位功能(BBOX 定位BBOX 定

位+坐標轉換中心點+比例尺定位中心點+地圖範

圍定位XY定位)查詢功能(地標查詢門牌查詢

路口查詢路段查詢段地號查詢行政區查詢

行政里查詢圖幅查詢XY查詢取得地圖中心點

查詢)地圖操作(加入圖層加入市民生活資料庫圖

8

層刪除圖層條件過濾加入 WMS圖層圖層開

關地圖重整鎖定圖例區)套繪標繪(點線面

標繪檔案套繪Cache 圖層套繪)之 API並提供

各項功能說明與使用範例展示

9

五 鑲嵌式圖台 API-統計地圖操作說明

1 功能畫面

2 功能說明

為簡化製作統計地圖之繁雜程序將整個統計

地圖流程精簡至只需匯入資料設定樣式最後加

入圖層即可完成統計地圖之製作提供提供使用

者進行統計資料之匯入作業並訂定資料屬性功

能統計地圖樣式設定作業(如依據統計資料設定統

計地圖類型相關欄位設定分級設定顏色設定

大小設定等)統計地圖加入圖台之作業

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

8

層刪除圖層條件過濾加入 WMS圖層圖層開

關地圖重整鎖定圖例區)套繪標繪(點線面

標繪檔案套繪Cache 圖層套繪)之 API並提供

各項功能說明與使用範例展示

9

五 鑲嵌式圖台 API-統計地圖操作說明

1 功能畫面

2 功能說明

為簡化製作統計地圖之繁雜程序將整個統計

地圖流程精簡至只需匯入資料設定樣式最後加

入圖層即可完成統計地圖之製作提供提供使用

者進行統計資料之匯入作業並訂定資料屬性功

能統計地圖樣式設定作業(如依據統計資料設定統

計地圖類型相關欄位設定分級設定顏色設定

大小設定等)統計地圖加入圖台之作業

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

9

五 鑲嵌式圖台 API-統計地圖操作說明

1 功能畫面

2 功能說明

為簡化製作統計地圖之繁雜程序將整個統計

地圖流程精簡至只需匯入資料設定樣式最後加

入圖層即可完成統計地圖之製作提供提供使用

者進行統計資料之匯入作業並訂定資料屬性功

能統計地圖樣式設定作業(如依據統計資料設定統

計地圖類型相關欄位設定分級設定顏色設定

大小設定等)統計地圖加入圖台之作業

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

10

六 網路服務 API

1 功能畫面

2 功能說明

地圖查詢類的網路服務主要提供使用者進行空

間的查詢為主或是運用坐標資訊反查該空間各資

訊目前現有的網路服務包含地標查詢服務門牌

地址查詢服務路口查詢服務路段查詢服務地

籍查詢服務XY坐標轉換服務行政區查詢服務

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

11

行政里查詢服務圖幅查詢服務定點查詢服務

標繪資料庫提供利用兩個 Web Service 進行後端「資

料」及「樣式」之管理1是「資料」的新增刪除

修改(如新增 車輛資訊點位(WKT 格式)標題

圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多

大Tooltip 要設什麼字樣)設定完後端資料後即

可利用圖台 API將該圖加入圖層中即可

統計地圖除使用鑲嵌式圖台 API 可匯入資料

設定樣式外為方便使用者不需透過開啟圖台才能

做上述作業另開發網路服務供使用者可以後端方

式將資料上傳及設定樣式完成後即可利用CSV ID

及樣式 ID在鑲嵌式圖台加入統計地圖圖層

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

12

七 圖層控制

1 功能畫面

2 功能說明

WMS 圖台控制提供使用者加入 WMS 於 2D圖

台之界面只需設定圖層名稱與 WMS之連結再點

選相關坐標系統即可套繪 WMS圖層加入後可

再針對該 WMS 圖層做透明度設定以及圖層順序之

調整並可將該 WMS圖層包裝為 KML檔並可動

態加入至 Google Earth中套疊

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

13

圖 1 加入 WMS 圖層工具畫面

圖 2 WMS套疊於 Google Earth 畫面

臺北市政府資訊局之「臺北市地理資訊資料倉

儲系統」內收納許多臺北市圖資並發布多項圖

資之 WMS本系統列出了倉儲系統內之圖層清單

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

14

點擊 或圖層名稱可直接於圖台上加入該 WMS

圖層點擊 可直接複制該 WMS 網址此網址可

直接套用於 Google Earth 中

圖 3 加入倉儲系統發布之 WMS 圖層名稱畫面

表 1 倉儲系統中所發布之 WMS 清單供使用者套用

No 圖層名稱 圖層原始英文名稱

1 臺北市區界圖 G67_A_CADIST_P

2 臺北市里界圖 G67_A_CAVLGE_P

3 臺北市神壇點位 G67_A_CAASLE_M

4 臺北市教會點位 G67_A_CACRCH_M

5 臺北市寺廟點位 G67_A_CARLGN_M

6 臺北市政府文化局所轄藝文空間 G67_A_CUARTSPACE_M

7 臺北市文化資產類(歷史建築) G67_A_CUMONUMENTHD_M

8 臺北市文化資產類(古蹟) G67_A_CUMONUMENT_M

9 臺北市受保護樹木 G67_A_CUOLDTREE_M

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

15

No 圖層名稱 圖層原始英文名稱

10 臺北市公共藝術作品 G67_A_CUPA_M

11 臺北市保安林位置圖 G67_A_ED3DUAN_P

12 臺北市國公有林地地況成果圖 G67_A_ED3TL_P

13 臺北市企業營運總部分布圖 G67_A_EDBSCENTER_M

14 臺北市登記工廠分佈圖 G67_A_EDFCDBN_M

15 臺北市溫泉露頭 G67_A_EDHWSH_M

16 臺北市產業道路調查圖 G67_A_EDIR_L

17 臺北市衛生掩埋場 G67_A_EPDUMP_M

18 臺北市市立焚化場位置圖 G67_A_EPINCINERATOR_M

19 臺北市機車定檢站位置 G67_A_EPMOTOAMENABL_M

20 臺北市公廁位置 G67_A_EPTOILET_M

21 臺北市災防緊急安置學校分佈 G67_A_EUINSTALLMENT_M

22 臺北市社教機構分佈圖 G67_A_EUSCEDU_M

23 臺北市各級學校分布圖 G67_A_EUSCHOOL_M

24 臺北市颱風期間開放停車場學校分佈圖 G67_A_EUTYPHOONPARK_M

25 臺北市健康服務中心 G67_A_HACENTER_M

26 臺北市健康食圖 G67_A_HAHFOOD_M

27 臺北市公私立醫療院所 G67_A_HAHOSPITAL_M

28 臺北市健保特約藥局 G67_A_HAMEDICATION_M

29 臺北市無菸餐廳 G67_A_HANOSMK_M

30 臺北市河濱自行車道 G67_A_HERBIKEWAY_L

31 臺北市數值地籍圖地段圖 G67_A_LNSECT_P

32 臺北市數值地籍圖(TWD67) G67_A_LNPAR_P

33 大臺北地區捷運車站出入口位置圖 G67_A_MTEXIT_M

34 大臺北地區捷運停車場位置圖 G67_A_MTPARKING_M

35 大臺北地區捷運路網分布圖 G67_A_MWROUTE_L

36 大臺北地區捷運車站分布圖 G67_A_MWSTATION_M

37 臺北市路外停車場 G67_A_PMPARK05_M

38 臺北市公車路線圖 G67_A_PTBUSROUTE_L

39 臺北市公車站牌位置圖 G67_A_PTBUSSTOP_M

40 臺北市計程車招呼站位置圖 G67_A_PTTAXISTOP_M

41 臺北市門牌位置數值資料 G67_A_PWADDR_M

42 臺北市地標資料 G67_A_PWLMK_M

43 臺北市在建工程位置圖 G67_A_PWPIPEBU_M

44 臺北市福利據點 G67_A_SLSERVICE_M

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

16

No 圖層名稱 圖層原始英文名稱

45 臺北市調撥車道 G67_A_TCADJUSTWAY_L

46 臺北市市區腳踏車專用道 G67_A_TCBIKEWAY_L

47 台北市公車專用道單向 G67_A_TCBUSLINE_1_L

48 臺北市公車專用道雙向 G67_A_TCBUSLINE_2_L

49 臺北市 CCTV設施位置圖 G67_A_TCCCTV_M

50 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

51 臺北市機車專用道 G67_A_TCMOTORWAY_L

52 臺北市機車專用道之機車優先道 G67_A_TCMOTORWAY_2_L

53 臺北市禁停紅線路段分布圖 G67_A_TCNOPARKINGR_L

54 臺北市禁停黃線路段分布圖 G67_A_TCNORAKINGY_L

55 臺北市單行道圖 G67_A_TCONEWAY_L

56 臺北市行人專用時相路口 G67_A_TCRDCROSS_M

57 臺北市交通流量及特性調查資料 G67_A_TCTRAFFIC_M

58 臺北市旅館 G67_A_TRHOTEL_M

59 臺北市觀光景點 G67_A_TRSIGHTSEE_M

KML 展示利用倉儲內豐富之圖形資料發布了

眾多之 KML 檔其中利用建物圖層之樓高屬性發

布了 3D建物之動態 KML點擊 KML名稱可下載該

KML點擊 可直接複製該 KML網址

圖 4 KML展示清單畫面

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

17

圖 5 3D建物 KML

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

18

表 2 表列發布之動態及靜態 KML檔案

No 名稱（點選可下載檔案）

1 3D建物kml

2 大臺北地區捷運車站分布圖kml

3 大臺北地區捷運車站出入口位置圖(200812)kml

4 大臺北地區捷運停車場位置圖(200812)kml

5 大臺北地區捷運路網分布圖kml

6 臺北市 CCTV設施位置圖kml

7 臺北市 CO2探測分布圖kml

8 臺北市 H2S探測分布圖kml

9 臺北市土石流潛勢溪流位置圖kml

10 臺北市土地利用潛力圖kmz

11 臺北市大貨車禁行區域圖kml

12 臺北市大貨車禁行路段圖kml

13 臺北市山坡地雨量站位置圖kml

14 臺北市公車站牌位置圖kml

15 臺北市公園綠地分佈圖kml

16 臺北市公園綠地分佈圖 2008kml

17 臺北市文化資產類(古蹟)kml

18 臺北市文化資產類(歷史建築)kml

19 臺北市市立焚化場位置圖kml

20 臺北市市區腳踏車專用道kml

21 臺北市生物多樣性(鳥)(面)kml

22 臺北市交通流量及特性調查資料kml

23 臺北市在建工程位置圖(線)kml

24 臺北市在建工程位置圖(點)kml

25 臺北市地溫分布圖kml

26 臺北市污水系統人手孔kml

27 臺北市老舊聚落分布圖kml

28 臺北市行人專用時相路口kml

29 臺北市里界圖kml

30 臺北市供氣系統場站kml

31 臺北市河濱腳踏車道kml

32 臺北市雨水下水道管線資料kmz

33 臺北市保安林位置圖kml

34 臺北市政府文化局所轄藝文空間kml

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

19

No 名稱（點選可下載檔案）

35 臺北市計程車招呼站位置圖kml

36 臺北市健康服務中心kml

37 臺北市區人口統計kml

38 臺北市區界圖kml

39 臺北市國公有林地地況成果圖kml

40 臺北市都市計畫土地使用分區圖kmz

41 臺北市給水系統開關閥kml

42 臺北市溫泉地區鑽探紀錄(線)kml

43 臺北市溫泉區範圍kml

44 臺北市溫泉業者點位kml

45 臺北市溫泉監測井kml

46 臺北市溫泉露頭kml

47 臺北市溫泉露頭區公告範圍kml

48 臺北市熱水徵兆區kml

49 臺北市衛生掩埋場kml

50 臺北市歷年積水紀錄kml

51 臺北市環境地質圖_面kmz

52 臺北市環境地質圖_線kml

53 臺北市觀光景點kml

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

20

八 2D與 3D地圖

1 功能畫面

2 功能說明

本展示系統利用鑲嵌式圖台進行 2D與 3D地圖

之展示於圖台工具列中提供一般基本的地圖操作

功能如地圖放大縮小選取模式平移模式

並額外提供加入 WMS與輸出 KML套繪至 Google之功

能另外針對地圖設計坐標系統之切換與比例尺之

顯示並於圖層控制區顯示目前地圖可視圖層清

單並可手動開關圖層顯示

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

21

除以上基本地圖操作功能外另外針對本案開發

地圖底圖快速切換功能可於「電子地圖」「航照影

像」及「航照+路網」三種快速圖層之切換這些圖

層是已經過切割(tile)之處理為提高系統讀取之效

能

圖 6 三種快速圖層畫面

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

22

另一方面3D 地圖開發部分結合 Google Earth

Plug-in 3D圖台除套用 Google Earth Plug-in本

身提供之 API功能外(如顯示道路地名建物模型hellip

等)並可利用方位概念(東南西北)將 2D地

圖中現有畫面套繪於 3D地圖中達到 3D地形起伏效

果並提供使用者可以自行上傳 KML檔案或 KML連結

(點線面資料)於 3D 圖台中展現 KML 內資訊

圖 7 3D地圖套繪 2D地圖畫面

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

23

圖 8 3D地圖套用 KML檔案畫面

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

24

參 嵌入式電子地圖介紹

嵌入式電子地圖類似 Google Map API僅透過簡單

JavaScript 連結並呼叫 API 函式即可將地圖圖台鑲嵌在自

己設計的網頁中並搭配 API函式傳入不同參數可達到不同

圖形及效果並可與圖台進行互動操作

使用嵌入式電子地圖自己的網頁伺服器內不用再架設任

何地理資訊系統或建置圖形空間資料庫可減少伺服器使用資

源之負擔並可隨時隨地取得共通平台最新資源包含最新的

API 功能最新的圖形資源並可輕鬆使用共通平台內為市府

內各局處整彙的圖資

一 嵌入式電子地圖模組作業成果

(一) 跨網域程式建置

各欲鑲嵌圖台之程式開發人員(AP 端)只需先將本

團隊所開發之程式檔案建置於自己系統虛擬目錄下並設

定其中 Java Script 檔內 AP 端與圖台主機(MAP 端)的 IP

或網域之參數即可進行鑲嵌式圖台之設計與操作

(二) 合法使用者編碼 (key)

開發者提供 AP主機之 IP(或網域名稱)註冊利用加

密技術核發合法編碼未來開發者欲使用圖台需傳送該編

碼後端圖台系統將編碼解密後會判斷該連線 IP(或網

域名稱)是否為註冊之 IP(或網域名稱)若非合法 IP 則無

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

25

法鑲嵌圖台

合法範例

genMap(B09DA67B5E64BECC734558BBCAB0A455DA42CFDC3917947EA9F8DD0A6

C2AA1D154943447D37D8EF787FF0C450B12EF5011DA6BEE0B78AFCD3284FA4FE41

0D6CFE5EFA3001211D924E14501AEB7896362iframeMap)

不合法範例

genMap(ABCDiframeMap)

範例開發者於應用程式網頁上準備好一塊放地

圖的 Div 物件並引用一隻共通平台所產生的

JavaScript 檔案後再呼叫其中 genMap 的函式傳入

API KEY 及 Div 物件的 ID即可立刻讀入嵌入式電子

地圖

lthtmlgt

ltheadgt

ltscript src=httpmaptpgostaipeigovtwMAPinclude_js_maincfm language=javascript

charset=utf-8 gtltscriptgt

ltheadgt

ltbodygt

ltdiv id=DivTestgtltdivgt

ltscriptgtgenMap(API KEYDivTestembedtype=embed)ltscriptgt

ltbodygt

lthtmlgt

26

(三) 鑲嵌模式 (embedType)

本系統目前提供三種鑲嵌模式

1 單一視窗鑲嵌式 embed（embedType＝embed）

僅單向地圖操作功能無法使用互動的 API功能

2 互動式（embedType＝interactive）

除單向地圖操作功能外有各項互動式 API 進階操

作功能供各系統 AP與鑲嵌地圖互動

27

3 圖片式（embedType＝static）

可設定中心點圖片大小比例尺回傳為靜態圖

片無法使用 API功能

功具列類型 (toolbarType)目前主要提供三種鑲嵌模式

1 基本版 basic

僅提供基本地圖操作功能

2 標準版 standard

比基本版多出一些操作功能

3 進階版 advance

增加特殊功能按鈕與 3D地圖切換功能

28

29

二 初始操作

1 圖層控制區開關 legendCtrl

範例程式

embedType=interactiveamptoolbarType=advanceamplegendctrl=true

30

2 圖層控制區鎖定 lockLegend

範例程式

embedType=interactiveamptoolbarType=advanceamplockLegend

=true

31

3 初始圖層 layers

可設定圖台開啟時預先開啟之圖層範例程式

embedType=interactiveamptoolbarType=advanceamplayers=G67_

A_CAVLGE_P)embedType=interactiveamptoolbarType=advanceampl

ockLegend=true

32

4 初始範圍 bbox

範例程式

embedType=interactiveamptoolbarType=advanceampbbox=3037

8127707793044562771413

33

5 初始坐標及比例尺 viewCenterXviewCenterYscale

設定圖台開啟時直接顯示的地點及比例尺範例程式

embedType=interactiveamptoolbarType=advanceampVIEWCEN

TERX=306059ampVIEWCENTERY=2770256ampSCALE=1000

34

6 地圖訊息提示 news

設定圖台開啟時右下角之訊息支援 HTML語法範例程

式

embedType=interactiveamptoolbarType=advanceampnews=測試

連結lta href=httpwwwtaipeigovtw target=_blankgt臺北市

政府ltagt

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

27

3 圖片式（embedType＝static）

可設定中心點圖片大小比例尺回傳為靜態圖

片無法使用 API功能

功具列類型 (toolbarType)目前主要提供三種鑲嵌模式

1 基本版 basic

僅提供基本地圖操作功能

2 標準版 standard

比基本版多出一些操作功能

3 進階版 advance

增加特殊功能按鈕與 3D地圖切換功能

28

29

二 初始操作

1 圖層控制區開關 legendCtrl

範例程式

embedType=interactiveamptoolbarType=advanceamplegendctrl=true

30

2 圖層控制區鎖定 lockLegend

範例程式

embedType=interactiveamptoolbarType=advanceamplockLegend

=true

31

3 初始圖層 layers

可設定圖台開啟時預先開啟之圖層範例程式

embedType=interactiveamptoolbarType=advanceamplayers=G67_

A_CAVLGE_P)embedType=interactiveamptoolbarType=advanceampl

ockLegend=true

32

4 初始範圍 bbox

範例程式

embedType=interactiveamptoolbarType=advanceampbbox=3037

8127707793044562771413

33

5 初始坐標及比例尺 viewCenterXviewCenterYscale

設定圖台開啟時直接顯示的地點及比例尺範例程式

embedType=interactiveamptoolbarType=advanceampVIEWCEN

TERX=306059ampVIEWCENTERY=2770256ampSCALE=1000

34

6 地圖訊息提示 news

設定圖台開啟時右下角之訊息支援 HTML語法範例程

式

embedType=interactiveamptoolbarType=advanceampnews=測試

連結lta href=httpwwwtaipeigovtw target=_blankgt臺北市

政府ltagt

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

28

29

二 初始操作

1 圖層控制區開關 legendCtrl

範例程式

embedType=interactiveamptoolbarType=advanceamplegendctrl=true

30

2 圖層控制區鎖定 lockLegend

範例程式

embedType=interactiveamptoolbarType=advanceamplockLegend

=true

31

3 初始圖層 layers

可設定圖台開啟時預先開啟之圖層範例程式

embedType=interactiveamptoolbarType=advanceamplayers=G67_

A_CAVLGE_P)embedType=interactiveamptoolbarType=advanceampl

ockLegend=true

32

4 初始範圍 bbox

範例程式

embedType=interactiveamptoolbarType=advanceampbbox=3037

8127707793044562771413

33

5 初始坐標及比例尺 viewCenterXviewCenterYscale

設定圖台開啟時直接顯示的地點及比例尺範例程式

embedType=interactiveamptoolbarType=advanceampVIEWCEN

TERX=306059ampVIEWCENTERY=2770256ampSCALE=1000

34

6 地圖訊息提示 news

設定圖台開啟時右下角之訊息支援 HTML語法範例程

式

embedType=interactiveamptoolbarType=advanceampnews=測試

連結lta href=httpwwwtaipeigovtw target=_blankgt臺北市

政府ltagt

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

29

二 初始操作

1 圖層控制區開關 legendCtrl

範例程式

embedType=interactiveamptoolbarType=advanceamplegendctrl=true

30

2 圖層控制區鎖定 lockLegend

範例程式

embedType=interactiveamptoolbarType=advanceamplockLegend

=true

31

3 初始圖層 layers

可設定圖台開啟時預先開啟之圖層範例程式

embedType=interactiveamptoolbarType=advanceamplayers=G67_

A_CAVLGE_P)embedType=interactiveamptoolbarType=advanceampl

ockLegend=true

32

4 初始範圍 bbox

範例程式

embedType=interactiveamptoolbarType=advanceampbbox=3037

8127707793044562771413

33

5 初始坐標及比例尺 viewCenterXviewCenterYscale

設定圖台開啟時直接顯示的地點及比例尺範例程式

embedType=interactiveamptoolbarType=advanceampVIEWCEN

TERX=306059ampVIEWCENTERY=2770256ampSCALE=1000

34

6 地圖訊息提示 news

設定圖台開啟時右下角之訊息支援 HTML語法範例程

式

embedType=interactiveamptoolbarType=advanceampnews=測試

連結lta href=httpwwwtaipeigovtw target=_blankgt臺北市

政府ltagt

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

30

2 圖層控制區鎖定 lockLegend

範例程式

embedType=interactiveamptoolbarType=advanceamplockLegend

=true

31

3 初始圖層 layers

可設定圖台開啟時預先開啟之圖層範例程式

embedType=interactiveamptoolbarType=advanceamplayers=G67_

A_CAVLGE_P)embedType=interactiveamptoolbarType=advanceampl

ockLegend=true

32

4 初始範圍 bbox

範例程式

embedType=interactiveamptoolbarType=advanceampbbox=3037

8127707793044562771413

33

5 初始坐標及比例尺 viewCenterXviewCenterYscale

設定圖台開啟時直接顯示的地點及比例尺範例程式

embedType=interactiveamptoolbarType=advanceampVIEWCEN

TERX=306059ampVIEWCENTERY=2770256ampSCALE=1000

34

6 地圖訊息提示 news

設定圖台開啟時右下角之訊息支援 HTML語法範例程

式

embedType=interactiveamptoolbarType=advanceampnews=測試

連結lta href=httpwwwtaipeigovtw target=_blankgt臺北市

政府ltagt

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

31

3 初始圖層 layers

可設定圖台開啟時預先開啟之圖層範例程式

embedType=interactiveamptoolbarType=advanceamplayers=G67_

A_CAVLGE_P)embedType=interactiveamptoolbarType=advanceampl

ockLegend=true

32

4 初始範圍 bbox

範例程式

embedType=interactiveamptoolbarType=advanceampbbox=3037

8127707793044562771413

33

5 初始坐標及比例尺 viewCenterXviewCenterYscale

設定圖台開啟時直接顯示的地點及比例尺範例程式

embedType=interactiveamptoolbarType=advanceampVIEWCEN

TERX=306059ampVIEWCENTERY=2770256ampSCALE=1000

34

6 地圖訊息提示 news

設定圖台開啟時右下角之訊息支援 HTML語法範例程

式

embedType=interactiveamptoolbarType=advanceampnews=測試

連結lta href=httpwwwtaipeigovtw target=_blankgt臺北市

政府ltagt

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

32

4 初始範圍 bbox

範例程式

embedType=interactiveamptoolbarType=advanceampbbox=3037

8127707793044562771413

33

5 初始坐標及比例尺 viewCenterXviewCenterYscale

設定圖台開啟時直接顯示的地點及比例尺範例程式

embedType=interactiveamptoolbarType=advanceampVIEWCEN

TERX=306059ampVIEWCENTERY=2770256ampSCALE=1000

34

6 地圖訊息提示 news

設定圖台開啟時右下角之訊息支援 HTML語法範例程

式

embedType=interactiveamptoolbarType=advanceampnews=測試

連結lta href=httpwwwtaipeigovtw target=_blankgt臺北市

政府ltagt

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

33

5 初始坐標及比例尺 viewCenterXviewCenterYscale

設定圖台開啟時直接顯示的地點及比例尺範例程式

embedType=interactiveamptoolbarType=advanceampVIEWCEN

TERX=306059ampVIEWCENTERY=2770256ampSCALE=1000

34

6 地圖訊息提示 news

設定圖台開啟時右下角之訊息支援 HTML語法範例程

式

embedType=interactiveamptoolbarType=advanceampnews=測試

連結lta href=httpwwwtaipeigovtw target=_blankgt臺北市

政府ltagt

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

34

6 地圖訊息提示 news

設定圖台開啟時右下角之訊息支援 HTML語法範例程

式

embedType=interactiveamptoolbarType=advanceampnews=測試

連結lta href=httpwwwtaipeigovtw target=_blankgt臺北市

政府ltagt

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

35

7 鑲嵌靜態式高度寬度 widthheight

鑲嵌模式為靜態圖片式時使用範例程式

embedType=staticampheight=500ampwidth=500

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

36

三 互動操作

1 定位功能

(1) BBOX 定位

定位至該 BBOX位置並自動調整至最接近的固定

比例尺範例程式locateBBOX(min_X min_Y max_X

max_Y [s_srs t_srs])

locateBBOX(30378127707793044562771413)

(2) BBOX 定位+坐標轉換

針對來源及目標坐標系統轉換定位至相對 BBOX

位置並自動調整至最接近的固定比例尺範例程式

locateBBOX(min_X min_Y max_X max_Y [s_srs

t_srs])

locateBBOX(1215429252505119712154510425052374

WGS84TW672121)

(3) 中心點+比例尺定位

定位至該 XY位置並自動調整至最接近設定比例

尺的固定比例尺範例程式 locateXYS(X Y Scale

[s_srs t_srs])

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

37

locateXYS(306132277022710000)

(4) 中心點+地圖範圍定位

定位至該 XY位置並自動調整至最接近設定顯示

範圍的固定比例尺範例程式locateXYW(X Y Width

[s_srs t_srs])

locateXYS(30613227702275000)

(5) XY定位

定位至該 XY 位置範例程式 locateXY(X Y

[s_srs t_srs])

locateXY(3061322770227)

2 查詢功能

(1) 地標查詢

查詢資料庫最接近該地標之資料並可自動定位該

資料位置可同時開啟地標圖層 callbackFunction 回

傳筆數名稱XY範例程式searchTPLandmark(地

標 [doLocate doShowLayer callbackFunction])

searchTPLandmark(台北火車站 true true)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

38

(2) 門牌查詢

查詢資料庫最接近該門牌地址之資料並可自動定

位該資料位置可同時開啟門牌圖層 callbackFunction

回傳筆數 名稱 XY比對規則範例程式

searchTPAddress(門牌地址 [doLocate doShowLayer

callbackFunction])

searchTPAddress(市府路１號 true true)

(3) 路口查詢

查詢資料庫最接近該路口之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路口名稱XY

範例程式searchTPCrossroad(Road1Road2 [doLocate

callbackFunction])

searchTPCrossroad(信義路基隆路true)

(4) 路段查詢

查詢資料庫最接近該路段之資料並可自動定位該

資料位置 callbackFunction 回傳筆數路段名稱XY

範 例 程 式 searchTPRoad(Road1 [doLocate

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

39

callbackFunction])

searchTPRoad(基隆路truecallbackfun)

(5) 段地號查詢

查詢資料庫該段地號資料並可自動定位並標繪該

資料範圍可同時開啟地藉圖層 callbackFunction 回

傳筆數中文段地號minXminYmaxXmaxY範例程

式 searchTPLand( 段 小 段 地 號 [doLocate

doShowLayer callbackFunction])

searchTPLand(020905980000 true true callbackfun)

(6) 行政區查詢

查詢資料庫該行政區資料並可自動定位該資料範

圍可同時開啟行政區界圖層 callbackFunction 回傳

筆數行政區名稱minXminYmaxXmaxY範例程式

searchTPCadist(行政區代碼 [doLocate doShowLayer

callbackFunction])

searchTPCadist(63002truetrue)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

40

(7) 行政里查詢

查詢資料庫該行政里資料並可自動定位該資料範

圍可同時開啟行政里界圖層 callbackFunction 回傳

筆數行政里名稱minXminYmaxXmaxY範例程式

searchTPCavlge( 行 政 里 代 碼 [doLocate]

[doShowLayer callbackFunction])

searchTPCavlge(6300900009truetrue)

(8) 圖幅查詢

查詢資料庫該圖幅資料並可自動定位該資料範

圍可同時開啟圖幅圖層 callbackFunction 回傳筆數

圖幅編號minXminYmaxXmaxY範例程式

searchTPZ1000( 圖幅代碼 [doLocate doShowLayer

callbackFunction])

(9) XY查詢

查詢資料庫該點資料可查詢行政區行政里段

地號路段地標 callbackFunction 回傳行政區行政

區代碼行政里行政里代碼段名段小段地號最近路段

最近路段距離最近地標最近地標距離最近地標坐標

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

41

範 例 程 式 searchTPXY(xy [doLocate

callbackFunction])

searchTPXY(3061232770249callbackfun)

(10) 取得地圖中心點

取得圖台中心點 callbackFunction 回傳xy範例

程式getCenter(callbackFunction)

getCenter(callbackfun)

(11) 取得地圖比例尺

取 得 地 圖 比 例 尺 範 例 程 式

getScale(callbackFunction)

getScale(callbackfun)

(12) 圖面取坐標-點

點 選 地 圖 取 得 點 資 料 WKT 格 式 坐 標

callbackFunction 回傳POINT(X+Y)

[標準 WKT 坐標是用空格非符號+]範例程式

getPointWKT(callbackFunction)

getPointWKT(callbackfun)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

42

(13) 圖面取坐標-線

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回傳 LINE(X1+Y1X2+Y2)[標準

WKT 坐 標 是 用 空 格 非 符 號 +] 範 例 程 式

getLinstringWKT(callbackFunction)

getLinstringWKT(callbackfun)

(14) 圖面取坐標-面

點 選 地 圖 取 得 線 資 料 WKT 格 式 坐 標

callbackFunction 回 傳

POLYGON(X1+Y1X2+Y2)[標準 WKT 坐標是用空

格 非 符 號 +] 範 例 程 式

getPolygonWKT(callbackFunction)

getPolygonWKT(callbackfun)

(15) 坐標轉換

範例程式transXY(X Y [s_srs t_srs])

alert(transXY(12153616625028630WGS84TW672121

)OUT_X + +

transXY(12153616625028630WGS84TW672121)OUT_Y

)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

43

3 地圖操作

(1) 加入圖層

加入倉儲系統內圖層至圖台範例程式addLayer(

原始圖層名稱 顯示圖層名稱)

addLayer(G67_A_CADIST_P區界圖)

(2) 加入市民生活資料庫圖層

加入市民生活資料庫圖層依據類別分類可自行

設定圖層名稱並決定是否要取得最新資料若

isRefresh 設為 true則會動態取得最新資料會耗費較

多時間設 false 則會由共通平台資料庫取得 Cache 資

料範例程式 addLBSLayer( 類別 ID圖層名稱

[isRefresh])

addLBSLayer(1103郵局false)

(3) 刪除圖層

從圖台移除圖層範例程式removeLayer(原始圖

層名稱)

removeLayer(G67_A_CADIST_P)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

44

(4) 條件過濾

設 定 特 定 圖 層 條 件 過 濾 範 例 程 式

setLayerFilterDynamic(G67_A_CADIST_PCPTID=63

00200)

setLayerFilterDynamic(原始圖層名稱 條件述敘)

(5) 加入 WMS圖層

加入網路地圖服務 (WMS)圖層範例程式

addWMSLayer(圖層 ID 圖層名稱 WMS網址 WMS

坐標系統 圖台坐標系統 上中下層)

addWMSLayer( WMS01 River httpgwhmoeacgs

govtwgeo4oraclemapagentmapagentfcgiRequest=GetMap

ampSERVICE=WMSampVERSION=111ampBGCOLOR=0xFFFFF

FampTRANSPARENT=TRUEampSRS=EPSG4326ampFORMAT=i

magepngampLAYERS=WMSLAYERTWG97_TW_RIVER_L

_2008WMSLAYERTWG97_TW_RIVER_P_2008 EPSG

4326 TW672121 1)

(6) 圖層開關

開關已加入圖台的圖層範例程式setLayerVisible(

原始圖層名稱開關)

setLayerVisible(G67_A_CADIST_Pfalse)

45

(7) 地圖重整

重新整理圖台圖層範例程式refreshMap()

refreshMap()

(8) 鎖定圖例區

鎖定圖台左方圖例區範例程式lockLegend(是否

鎖定)

lockLegend(true)

4 套繪標繪點線面標繪

(1) 點標繪

圖面點標繪可使用滑鼠點選或輸入 WKT 文字

直接標繪並可一次輸入多點資訊(用分號分隔)範

例drawPoint(圖層 ID 圖層名稱 是否顯示於圖例區

一樣圖層 ID是否清除 圖徵標籤 [ WKT 文字 圖層

URL])

滑鼠標繪drawPoint(p1點truetrue點標繪)

WKT標繪drawPoint(p1點truetrue點標繪POINT

(304555 2770286))

46

WKT 標 繪 多 筆

drawPoint(AABBAABBtruetrueAABBPOINT

(304555 2770286)POINT (305555 2771286))

帶入超連結功能 (標繪後可使用選取功能選取 )

drawPoint(AABBAABBtruetrueAABBPOINT

(304555 2770286)POINT (305555 2771286)http123html)

(2) 線標繪

圖面線標繪參數說明同上點標繪範例

drawPolygon(圖層 ID 圖層名稱 是否顯示於圖例區

一樣圖層 ID是否清除 圖徵標籤 [ WKT 文字 圖層

URL])

滑鼠標繪drawPolygon(p1點truetrue面標繪)

(3) 面標繪

圖面線標繪參數說明同上點標繪範例

drawPolygon(圖層 ID 圖層名稱 是否顯示於圖例區

一樣圖層 ID是否清除 圖徵標籤 [ WKT 文字 圖層

URL])

滑鼠標繪drawPolygon(p1點truetrue面標繪)

47

(4) 檔案套繪

開啟檔案上傳界面上傳後即標繪至圖台範例

openFileUploadWindow(ID)

openFileUploadWindow(21558975623)

(5) Cache 圖層套繪

擁有合法 APIKEY 者可利用共通平台網路服務

將使用端圖形資料上傳至 Cache資料庫並可定義其圖

形樣式設計並呼叫本 API 函式即可將圖形加入於圖

台範例程式drawCache(API KEY 圖層 ID 圖層名

稱)

drawCache(893FE6EAFB87E9D06F96A2FDD68121829E

7D6DBD8D8A5273F074063B4E2A0B444736ECE1AB3B2182

0005 layer0005)

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

48

四 網路服務 API

1 地圖查詢類

(1) 地標查詢服務

網址httpgistpgostaipeigovtwembedTPLandmark_WScfcwsdl

方法searchTPLandmark

參數Landmark(String)

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

- ltwsdlmessage name=searchTPLandmarkResponsegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

48

四 網路服務 API

1 地圖查詢類

(1) 地標查詢服務

網址httpgistpgostaipeigovtwembedTPLandmark_WScfcwsdl

方法searchTPLandmark

參數Landmark(String)

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

- ltwsdlmessage name=searchTPLandmarkResponsegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

49

ltwsdlpart name=searchTPLandmarkReturn type=xsdstring gt

ltwsdlmessagegt

- ltwsdlmessage name=CFCInvocationExceptiongt

ltwsdlpart name=fault type=tns1CFCInvocationException gt

ltwsdlmessagegt

+ ltwsdlmessage name=searchTPLandmarkRequestgt

- ltwsdlportType name=TPLandmark_WSgt

- ltwsdloperation name=searchTPLandmark parameterOrder=Landmarkgt

ltwsdlinput message=implsearchTPLandmarkRequest

name=searchTPLandmarkRequest gt

ltwsdloutput message=implsearchTPLandmarkResponse

name=searchTPLandmarkResponse gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPLandmark_WScfcSoapBinding

type=implTPLandmark_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=searchTPLandmarkgt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=searchTPLandmarkRequestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=searchTPLandmarkResponsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdloutputgt

- ltwsdlfault name=CFCInvocationExceptiongt

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

name=CFCInvocationException namespace=httpembed use=encoded

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

50

gt

ltwsdlfaultgt

ltwsdloperationgt

ltwsdlbindinggt

- ltwsdlservice name=TPLandmark_WSServicegt

- ltwsdlport binding=implTPLandmark_WScfcSoapBinding

name=TPLandmark_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPLandmark_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltLANDMARKgt台北火車站ltLANDMARKgt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltCOUNTgt1ltCOUNTgt

ltNAMEgt台北火車站ltNAMEgt

- ltXYgt

ltXgt301341563ltXgt

ltYgt2771306573ltYgt

ltXYgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

51

(2) 門牌地址查詢服務

目前本門牌查詢服務使用多階層查詢分別依序為

1臺北市門牌地址定位2臺北市工務局地標檔地址定

位3內政部全國門牌地址定位服務4Google MAP 地

址定位服務若某項目成功查詢到則不會再往下查詢

網址httpgistpgostaipeigovtwembedTPAddress_WScfcwsdl

方法searchTPAddress

參數Address(String) - 地址不填市

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

52

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

- ltwsdlmessage name=searchTPAddressResponsegt

ltwsdlpart name=searchTPAddressReturn type=xsdstring gt

ltwsdlmessagegt

+ ltwsdlmessage name=CFCInvocationExceptiongt

- ltwsdlmessage name=searchTPAddressRequestgt

ltwsdlpart name=Address type=xsdstring gt

ltwsdlmessagegt

- ltwsdlportType name=TPAddress_WSgt

- ltwsdloperation name=searchTPAddress parameterOrder=Addressgt

ltwsdlinput message=implsearchTPAddressRequest

name=searchTPAddressRequest gt

ltwsdloutput message=implsearchTPAddressResponse

name=searchTPAddressResponse gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPAddress_WScfcSoapBinding

type=implTPAddress_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=searchTPAddressgt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=searchTPAddressRequestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=searchTPAddressResponsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdloutputgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

53

- ltwsdlfault name=CFCInvocationExceptiongt

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

name=CFCInvocationException namespace=httpembed use=encoded

gt

ltwsdlfaultgt

ltwsdloperationgt

ltwsdlbindinggt

- ltwsdlservice name=TPAddress_WSServicegt

- ltwsdlport binding=implTPAddress_WScfcSoapBinding

name=TPAddress_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPAddress_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltADDRESSgt市府路一號ltADDRESSgt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltQUERYSERVICECODEgt1ltQUERYSERVICECODEgt

ltQUERYSERVICEgt臺北市倉儲門牌ltQUERYSERVICEgt

ltCOUNTgt1ltCOUNTgt

ltADDRESSgt市府路一號ltADDRESSgt

ltADDRESSDESgt完全比對ltADDRESSDESgt

- ltXYgt

ltXgt306060863ltXgt

ltYgt2770256341ltYgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

54

ltXYgt

ltQUERYRESULTgt

ltWEBSERVICEgt

(3) 路口查詢服務

網址httpgistpgostaipeigovtwembedTPCrossroad_WScfcwsdl

方法searchTPCrossroad

參數Road1(String) - 道路 1 名稱

Road2(String) - 道路 2名稱

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

55

- ltwsdlmessage name=searchTPCrossroadRequestgt

ltwsdlpart name=Road1 type=xsdstring gt

ltwsdlpart name=Road2 type=xsdstring gt

ltwsdlmessagegt

- ltwsdlmessage name=searchTPCrossroadResponsegt

ltwsdlpart name=searchTPCrossroadReturn type=xsdstring gt

ltwsdlmessagegt

- ltwsdlmessage name=CFCInvocationExceptiongt

ltwsdlpart name=fault type=tns1CFCInvocationException gt

ltwsdlmessagegt

- ltwsdlportType name=TPCrossroad_WSgt

- ltwsdloperation name=searchTPCrossroad parameterOrder=Road1

Road2gt

ltwsdlinput message=implsearchTPCrossroadRequest

name=searchTPCrossroadRequest gt

ltwsdloutput message=implsearchTPCrossroadResponse

name=searchTPCrossroadResponse gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPCrossroad_WScfcSoapBinding

type=implTPCrossroad_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=searchTPCrossroadgt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=searchTPCrossroadRequestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=searchTPCrossroadResponsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

56

ltwsdloutputgt

- ltwsdlfault name=CFCInvocationExceptiongt

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

name=CFCInvocationException namespace=httpembed use=encoded

gt

ltwsdlfaultgt

ltwsdloperationgt

ltwsdlbindinggt

- ltwsdlservice name=TPCrossroad_WSServicegt

- ltwsdlport binding=implTPCrossroad_WScfcSoapBinding

name=TPCrossroad_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPCrossroad_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltROAD1gt信義路ltROAD1gt

ltROAD2gt復興南路ltROAD2gt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltCOUNTgt12ltCOUNTgt

ltROADCROSSgt復興南路二段 信義路三段 復興南路一段 信義路四段 口ltROADCROSSgt

- ltXYgt

ltXgt30402541ltXgt

ltYgt27697865ltYgt

ltXYgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

57

ltQUERYRESULTgt

ltWEBSERVICEgt

(4) 路段查詢服務

網址httpgistpgostaipeigovtwembedTPRoad_WScfcwsdl

方法searchTPRoad

參數Road1(String) - 道路 1 名稱

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

58

ltschemagt

ltwsdltypesgt

- ltwsdlmessage name=searchTPRoadResponsegt

ltwsdlpart name=searchTPRoadReturn type=xsdstring gt

ltwsdlmessagegt

- ltwsdlmessage name=CFCInvocationExceptiongt

ltwsdlpart name=fault type=tns1CFCInvocationException gt

ltwsdlmessagegt

+ ltwsdlmessage name=searchTPRoadRequestgt

- ltwsdlportType name=TPRoad_WSgt

- ltwsdloperation name=searchTPRoad parameterOrder=Road1gt

ltwsdlinput message=implsearchTPRoadRequest

name=searchTPRoadRequest gt

ltwsdloutput message=implsearchTPRoadResponse

name=searchTPRoadResponse gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPRoad_WScfcSoapBinding

type=implTPRoad_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=searchTPRoadgt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=searchTPRoadRequestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=searchTPRoadResponsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdloutputgt

- ltwsdlfault name=CFCInvocationExceptiongt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

59

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

name=CFCInvocationException namespace=httpembed use=encoded

gt

ltwsdlfaultgt

ltwsdloperationgt

ltwsdlbindinggt

- ltwsdlservice name=TPRoad_WSServicegt

- ltwsdlport binding=implTPRoad_WScfcSoapBinding

name=TPRoad_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPRoad_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltROAD1gt松山路ltROAD1gt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltCOUNTgt169ltCOUNTgt

ltROAD1gt松山路ltROAD1gt

- ltXYgt

ltXgt30747003ltXgt

ltYgt277123025ltYgt

ltXYgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

60

(5) 地籍查詢服務

網址httpgistpgostaipeigovtwembedTPLand_WScfcwsdl

方法searchTPLand

參數AA48(String) - 段小段

AA49(String) - 地號

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

- ltwsdlmessage name=searchTPLandResponsegt

ltwsdlpart name=searchTPLandReturn type=xsdstring gt

ltwsdlmessagegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

61

- ltwsdlmessage name=searchTPLandRequestgt

ltwsdlpart name=AA48 type=xsdstring gt

ltwsdlpart name=AA49 type=xsdstring gt

ltwsdlmessagegt

- ltwsdlmessage name=CFCInvocationExceptiongt

ltwsdlpart name=fault type=tns1CFCInvocationException gt

ltwsdlmessagegt

- ltwsdlportType name=TPLand_WSgt

- ltwsdloperation name=searchTPLand parameterOrder=AA48 AA49gt

ltwsdlinput message=implsearchTPLandRequest

name=searchTPLandRequest gt

ltwsdloutput message=implsearchTPLandResponse

name=searchTPLandResponse gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPLand_WScfcSoapBinding

type=implTPLand_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=searchTPLandgt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=searchTPLandRequestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=searchTPLandResponsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdloutputgt

- ltwsdlfault name=CFCInvocationExceptiongt

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

62

name=CFCInvocationException namespace=httpembed use=encoded

gt

ltwsdlfaultgt

ltwsdloperationgt

ltwsdlbindinggt

- ltwsdlservice name=TPLand_WSServicegt

- ltwsdlport binding=implTPLand_WScfcSoapBinding

name=TPLand_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPLand_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltAA48gt0217ltAA48gt

ltAA49gt00010000ltAA49gt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltCOUNTgt1ltCOUNTgt

ltDESCgt段名仁愛段一小段地段0217地號00010000ltDESCgt

- ltBBOXgt

ltMINXgt305421163222689ltMINXgt

ltMINYgt27703500219524ltMINYgt

ltMAXXgt305441944528209ltMAXXgt

ltMAXYgt277069697056201ltMAXYgt

ltBBOXgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

63

(6) XY坐標轉換服務

網址httpgistpgostaipeigovtwembedTPTransXY_WScfcwsdl

方法TPTransXY

參數X(String) - X坐標

Y(String) - Y坐標

SRS_S(String) - 來源坐標系統

SRS_T(String) - 目標坐標系統

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

64

- ltwsdlmessage name=TPTransXYRequestgt

ltwsdlpart name=X type=xsdstring gt

ltwsdlpart name=Y type=xsdstring gt

ltwsdlpart name=SRS_S type=xsdstring gt

ltwsdlpart name=SRS_T type=xsdstring gt

ltwsdlmessagegt

- ltwsdlmessage name=CFCInvocationExceptiongt

ltwsdlpart name=fault type=tns1CFCInvocationException gt

ltwsdlmessagegt

- ltwsdlmessage name=TPTransXYResponsegt

ltwsdlpart name=TPTransXYReturn type=xsdstring gt

ltwsdlmessagegt

- ltwsdlportType name=TPTransXY_WSgt

- ltwsdloperation name=TPTransXY parameterOrder=X Y SRS_S SRS_Tgt

ltwsdlinput message=implTPTransXYRequest name=TPTransXYRequest

gt

ltwsdloutput message=implTPTransXYResponse

name=TPTransXYResponse gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPTransXY_WScfcSoapBinding

type=implTPTransXY_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=TPTransXYgt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=TPTransXYRequestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=TPTransXYResponsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

65

namespace=httpembed use=encoded gt

ltwsdloutputgt

- ltwsdlfault name=CFCInvocationExceptiongt

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

name=CFCInvocationException namespace=httpembed use=encoded

gt

ltwsdlfaultgt

ltwsdloperationgt

ltwsdlbindinggt

- ltwsdlservice name=TPTransXY_WSServicegt

- ltwsdlport binding=implTPTransXY_WScfcSoapBinding

name=TPTransXY_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPTransXY_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltXgt121535414ltXgt

ltYgt25032483ltYgt

ltSRS_SgtWGS84ltSRS_Sgt

ltSRS_TgtTWD672121ltSRS_Tgt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltXgt3032020751ltXgt

ltYgt27696884974ltYgt

ltSRS_SgtTWD97(LL)ltSRS_Sgt

ltSRS_TgtTWD67(TM2)ltSRS_Tgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

66

(7) 行政區查詢服務

網址httpgistpgostaipeigovtwembedTPCadist_WScfcwsdl

方法searchTPCadist

參數cpid(String) - 行政區代碼

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

- ltwsdlmessage name=CFCInvocationExceptiongt

ltwsdlpart name=fault type=tns1CFCInvocationException gt

ltwsdlmessagegt

- ltwsdlmessage name=searchTPCadistResponsegt

ltwsdlpart name=searchTPCadistReturn type=xsdstring gt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

67

ltwsdlmessagegt

+ ltwsdlmessage name=searchTPCadistRequestgt

- ltwsdlportType name=TPCadist_WSgt

- ltwsdloperation name=searchTPCadist parameterOrder=cpidgt

ltwsdlinput message=implsearchTPCadistRequest

name=searchTPCadistRequest gt

ltwsdloutput message=implsearchTPCadistResponse

name=searchTPCadistResponse gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPCadist_WScfcSoapBinding

type=implTPCadist_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=searchTPCadistgt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=searchTPCadistRequestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=searchTPCadistResponsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdloutputgt

- ltwsdlfault name=CFCInvocationExceptiongt

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

name=CFCInvocationException namespace=httpembed use=encoded

gt

ltwsdlfaultgt

ltwsdloperationgt

ltwsdlbindinggt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

68

- ltwsdlservice name=TPCadist_WSServicegt

- ltwsdlport binding=implTPCadist_WScfcSoapBinding

name=TPCadist_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPCadist_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltCPIDgt63005ltCPIDgt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltCOUNTgt1ltCOUNTgt

ltTNAMEgt中正區ltTNAMEgt

- ltBBOXgt

ltMINXgt300042463ltMINXgt

ltMINYgt276700661123409ltMINYgt

ltMAXXgt303385219302451ltMAXXgt

ltMAXYgt2771621913ltMAXYgt

ltBBOXgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

69

(8) 行政里查詢服務

網址httpgistpgostaipeigovtwembedTPCavlge_WScfcwsdl

方法searchTPCavlge

參數cptvid(String) - 行政里代碼

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

- ltwsdlmessage name=CFCInvocationExceptiongt

ltwsdlpart name=fault type=tns1CFCInvocationException gt

ltwsdlmessagegt

- ltwsdlmessage name=searchTPCavlgeResponsegt

ltwsdlpart name=searchTPCavlgeReturn type=xsdstring gt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

70

ltwsdlmessagegt

+ ltwsdlmessage name=searchTPCavlgeRequestgt

- ltwsdlportType name=TPCavlge_WSgt

- ltwsdloperation name=searchTPCavlge parameterOrder=cptvidgt

ltwsdlinput message=implsearchTPCavlgeRequest

name=searchTPCavlgeRequest gt

ltwsdloutput message=implsearchTPCavlgeResponse

name=searchTPCavlgeResponse gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPCavlge_WScfcSoapBinding

type=implTPCavlge_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=searchTPCavlgegt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=searchTPCavlgeRequestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=searchTPCavlgeResponsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdloutputgt

- ltwsdlfault name=CFCInvocationExceptiongt

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

name=CFCInvocationException namespace=httpembed use=encoded

gt

ltwsdlfaultgt

ltwsdloperationgt

ltwsdlbindinggt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

71

- ltwsdlservice name=TPCavlge_WSServicegt

- ltwsdlport binding=implTPCavlge_WScfcSoapBinding

name=TPCavlge_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPCavlge_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltCPTVIDgt6301100046ltCPTVIDgt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltCOUNTgt1ltCOUNTgt

ltVNAMEgt陽明里ltVNAMEgt

- ltBBOXgt

ltMINXgt303320705000689ltMINXgt

ltMINYgt278009274962993ltMINYgt

ltMAXXgt305280587000712ltMAXXgt

ltMAXYgt278332544462958ltMAXYgt

ltBBOXgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

72

(9) 圖幅查詢服務

網址httpgistpgostaipeigovtwembedTPZ1000_WScfcwsdl

方法searchTPZ1000

參數code(String) - 圖幅代碼

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

- ltwsdlmessage name=searchTPZ1000Requestgt

ltwsdlpart name=code type=xsdstring gt

ltwsdlmessagegt

- ltwsdlmessage name=searchTPZ1000Responsegt

ltwsdlpart name=searchTPZ1000Return type=xsdstring gt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

73

ltwsdlmessagegt

- ltwsdlmessage name=CFCInvocationExceptiongt

ltwsdlpart name=fault type=tns1CFCInvocationException gt

ltwsdlmessagegt

- ltwsdlportType name=TPZ1000_WSgt

- ltwsdloperation name=searchTPZ1000 parameterOrder=codegt

ltwsdlinput message=implsearchTPZ1000Request

name=searchTPZ1000Request gt

ltwsdloutput message=implsearchTPZ1000Response

name=searchTPZ1000Response gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPZ1000_WScfcSoapBinding

type=implTPZ1000_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=searchTPZ1000gt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=searchTPZ1000Requestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=searchTPZ1000Responsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdloutputgt

- ltwsdlfault name=CFCInvocationExceptiongt

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

name=CFCInvocationException namespace=httpembed use=encoded

gt

ltwsdlfaultgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

74

ltwsdloperationgt

ltwsdlbindinggt

- ltwsdlservice name=TPZ1000_WSServicegt

- ltwsdlport binding=implTPZ1000_WScfcSoapBinding

name=TPZ1000_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPZ1000_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltCODEgt4143ltCODEgt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltCOUNTgt1ltCOUNTgt

ltCODEgt4143ltCODEgt

- ltBBOXgt

ltMINXgt303200ltMINXgt

ltMINYgt2769300ltMINYgt

ltMAXXgt304000ltMAXXgt

ltMAXYgt2769900ltMAXYgt

ltBBOXgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

75

(10) 定點查詢服務

網址httpgistpgostaipeigovtwembedTPXYQuery_WScfcwsdl

方法searchTPXYQuery

參數X(String) - X坐標(TWD97 二度分帶)

Y(String) - Y坐標(TWD97 二度分帶)

服務資訊

ltxml version=10 encoding=UTF-8 gt

- ltwsdldefinitions targetNamespace=httpembed

xmlnsapachesoap=httpxmlapacheorgxml-soap

xmlnsimpl=httpembed xmlnsintf=httpembed

xmlnssoapenc=httpschemasxmlsoaporgsoapencoding

xmlnstns1=httprpcxmlcoldfusion

xmlnswsdl=httpschemasxmlsoaporgwsdl

xmlnswsdlsoap=httpschemasxmlsoaporgwsdlsoap

xmlnsxsd=httpwwww3org2001XMLSchemagt

- lt--

WSDL created by ColdFusion version 900251028

--gt

- ltwsdltypesgt

- ltschema targetNamespace=httprpcxmlcoldfusion

xmlns=httpwwww3org2001XMLSchemagt

ltimport namespace=httpschemasxmlsoaporgsoapencoding gt

- ltcomplexType name=CFCInvocationExceptiongt

ltsequence gt

ltcomplexTypegt

ltschemagt

ltwsdltypesgt

- ltwsdlmessage name=searchTPXYQueryRequestgt

ltwsdlpart name=X type=xsdstring gt

ltwsdlpart name=Y type=xsdstring gt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

76

ltwsdlmessagegt

- ltwsdlmessage name=searchTPXYQueryResponsegt

ltwsdlpart name=searchTPXYQueryReturn type=xsdstring gt

ltwsdlmessagegt

- ltwsdlmessage name=CFCInvocationExceptiongt

ltwsdlpart name=fault type=tns1CFCInvocationException gt

ltwsdlmessagegt

- ltwsdlportType name=TPXYQuery_WSgt

- ltwsdloperation name=searchTPXYQuery parameterOrder=X Ygt

ltwsdlinput message=implsearchTPXYQueryRequest

name=searchTPXYQueryRequest gt

ltwsdloutput message=implsearchTPXYQueryResponse

name=searchTPXYQueryResponse gt

ltwsdlfault message=implCFCInvocationException

name=CFCInvocationException gt

ltwsdloperationgt

ltwsdlportTypegt

- ltwsdlbinding name=TPXYQuery_WScfcSoapBinding

type=implTPXYQuery_WSgt

ltwsdlsoapbinding style=rpc

transport=httpschemasxmlsoaporgsoaphttp gt

- ltwsdloperation name=searchTPXYQuerygt

ltwsdlsoapoperation soapAction= gt

- ltwsdlinput name=searchTPXYQueryRequestgt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdlinputgt

- ltwsdloutput name=searchTPXYQueryResponsegt

ltwsdlsoapbody

encodingStyle=httpschemasxmlsoaporgsoapencoding

namespace=httpembed use=encoded gt

ltwsdloutputgt

- ltwsdlfault name=CFCInvocationExceptiongt

ltwsdlsoapfault

encodingStyle=httpschemasxmlsoaporgsoapencoding

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

77

name=CFCInvocationException namespace=httpembed use=encoded

gt

ltwsdlfaultgt

ltwsdloperationgt

ltwsdlbindinggt

- ltwsdlservice name=TPXYQuery_WSServicegt

- ltwsdlport binding=implTPXYQuery_WScfcSoapBinding

name=TPXYQuery_WScfcgt

ltwsdlsoapaddress

location=httpgistpgostaipeigovtwembedTPXYQuery_WScfc gt

ltwsdlportgt

ltwsdlservicegt

ltwsdldefinitionsgt

查詢案例

ltxml version=10 encoding=UTF-8 gt

- ltWEBSERVICEgt

- ltQUERYINFOgt

ltXgt305433ltXgt

ltYgt2770273ltYgt

ltQUERYINFOgt

- ltQUERYRESULTgt

ltCOUNTgt1ltCOUNTgt

- ltCADISTgt

ltTNAMEgt大安區ltTNAMEgt

ltCPIDgt63003ltCPIDgt

ltCADISTgt

- ltCAVLGEgt

ltVNAMEgt光信里ltVNAMEgt

ltCPTVIDgt6300300056ltCPTVIDgt

ltCAVLGEgt

- ltLNPARgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

78

ltKCNTgt仁愛段一小段ltKCNTgt

ltAA48gt0217ltAA48gt

ltAA49gt04730000ltAA49gt

ltLNPARgt

- ltNEAREST_ROADgt

ltNAMEgt光復南路ltNAMEgt

ltDISTANCEgt532324149367734ltDISTANCEgt

ltNEAREST_ROADgt

- ltNEAREST_LANDMARKgt

ltNAMEgt信義分局崗哨ltNAMEgt

ltDISTANCEgt435365650917606ltDISTANCEgt

ltXgt305437215ltXgt

ltYgt277027191ltYgt

ltNEAREST_LANDMARKgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

79

2 統計地圖

(1) 統計地圖網路服務元件

網址httpgistpgostaipeigovtwembedTPStat_WScfcwsdl

方法loadCSV

參數csvUrlcsvUsernamecsvPasswordcsvTypecsvColDef

csvSkipLinecsvColXcsvColYcsvSrs

查詢案例

輸出之 XML內容範例如下

ltxml version=10 encoding=UTF-8gt

ltWEBSERVICEgt

ltQUERYRESULTgt

ltISSUCESSgttrueltISSUCESSgt

ltMESSAGEgt

C9B1817B77402F28EB55E15F65D879A103CDADF6D4A5

836BDD0F58A9BF115039

ltMESSAGEgt

ltQUERYRESULTgt

ltWEBSERVICEgt

失敗 XML內容範例如下

ltxml version=10 encoding=UTF-8gt

ltWEBSERVICEgt

ltQUERYRESULTgt

ltISSUCESSgtfalseltISSUCESSgt

ltMESSAGEgt404 Not FoundltMESSAGEgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

80

(2) 統計地圖網路服務元件

網址httpgistpgostaipeigovtwembedTPStat_WScfcwsdl

方法setStyle

參數 stmapType stmapStbase stmapColId stmapColValue

stmapBreakList stmapArgbStart stmapArgbEnd

stmapSpotArgb stmapSpotSize stmapSizeUnit

stmapSizeStart stmapSizeGap stmapSizeEnd

stmapSymbolIdmapColTooltipmapColUrlmapColLabel

stmapStyleId

查詢案例

輸出之 XML內容範例如下

ltxml version=10 encoding=UTF-8gt

ltWEBSERVICEgt

ltQUERYRESULTgt

ltISSUCESSgttrueltISSUCESSgt

ltMESSAGEgt

C9B1817B77402F28EB55E15F65D879A103CDADF6

D4A5836BDD0F58A9BF115039

ltMESSAGEgt

ltQUERYRESULTgt

ltWEBSERVICEgt

失敗 XML內容範例如下

ltxml version=10 encoding=UTF-8gt

ltWEBSERVICEgt

ltQUERYRESULTgt

ltISSUCESSgtfalseltISSUCESSgt

ltMESSAGEgt404 Not FoundltMESSAGEgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

81

(3) 統計單元對位服務元件

網址httpgistpgostaipeigovtwembedTPXYSTbase_WScfcwsdl

方法searchTPXYSTbase

參數XY

查詢案例

輸出之 XML內容範例如下

區G67_A_STU01TO_P_2011CPTID6300300次分

區G67_A_STU01SD_P_2011ID22

里G67_A_STU01VI_P_2011CPTVID6300300056最小統計

區G67_A_STU0200_P_2011CODEBASEA6303-0281-00一級

統計區G67_A_STU0201_P_2011CODE1A6303-28-002二級

統計區G67_A_STU0202_P_2011CODE2A6303-28三級統計

區G67_A_STU0203_P_2011OGR_FID95 公里方

格G67_A_STGRD5KM_P_2011ID30527701 公里方

格G67_A_STGRD1KM_P_2011ID3052770500 公尺方

格G67_A_STGRD500M_P_2011ID305027700200 公尺方

格G67_A_STGRD200M_P_2011ID305427702100 公尺方

格G67_A_STGRD100M_P_2011ID30542770250 公尺方

格G67_A_STGRD50M_P_2011ID30540277025路

街G67_A_STRTRS_L_2011RDNAME光復南路路街

巷G67_A_STRTRSL_L_2011RDNAME光復南路

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

82

3 標繪資料庫

共通平台之標繪 Cache 資料是利用兩個 Web Service

進行後端「資料」及「樣式」之管理 1 是「資料」的新

增刪除修改(如新增 車輛資訊點位(WKT 格式)

標題圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多大

Tooltip 要設什麼字樣)設定完後端資料後即可利用圖台

API將該圖加入圖層中即可

標繪資料庫架構圖如下圖新增之資料及樣式皆以

APIKEY 及圖層 ID(LAYER_ID)做鍵值比對該 Web

Service 亦會判斷資料編輯者之 IP 與 APIKEY 之註冊 IP

是否相同達到權限管理目地並防止他資料被異動

當圖層加入圖台之前鑲嵌式圖台會依據APIKEY 及

圖層 ID 搜尋指定「資料」及「樣式」重新組合成圖台

專用 XML 後再加入圖台成一圖層

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

83

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

84

Web ServiceAPI 使用說明及程式範例

[參考] Web Service httpzhwikipediaorgwikiWebE69C8DE58AA1

(1) 新增更新空間資料 (目前僅支援點資料)

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsd

l 方法 insertData

參數

參數名稱 說明 必填 型態

APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

ID 該筆資料之識別欄位(使用者自行輸入值) 必填 字串

TITLE 該筆資料之標題欄位(使用者自行輸入值) 必填 字串

TYPE 該筆資料類型(目前僅支援 SYMBOL類型) 必填 字串

WKT 標準 Well-known text文字格式(目前僅支援 POINT)

[參考]httpenwikipediaorgwikiWell-known_text

必填 字串

LAYER_NAME 該筆資料之圖層名稱欄位(使用者自行輸入值) 必填 字串

LAYER_ID 該筆資料之圖層 ID欄位多筆資料若圖層 ID 相同加入

圖台後會視為同一層(使用者自行輸入值)

必填 字串

註若已有舊資料 ID與新資料相同則直接覆蓋舊資料

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl

method=insertData returnvariable=r_xmlgt

ltcfinvokeargument name=APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=LAYER_ID value=0005gt

ltcfinvokeargument name=ID value=99_1gt

ltcfinvokeargument name=TITLE value=車輛 99_1gt

ltcfinvokeargument name=TYPE value=SYMBOLgt

ltcfinvokeargument name=WKT value=POINT(306018 2770240)gt

ltcfinvokeargument name=LAYER_NAME value=carType1gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

80

(2) 統計地圖網路服務元件

網址httpgistpgostaipeigovtwembedTPStat_WScfcwsdl

方法setStyle

參數 stmapType stmapStbase stmapColId stmapColValue

stmapBreakList stmapArgbStart stmapArgbEnd

stmapSpotArgb stmapSpotSize stmapSizeUnit

stmapSizeStart stmapSizeGap stmapSizeEnd

stmapSymbolIdmapColTooltipmapColUrlmapColLabel

stmapStyleId

查詢案例

輸出之 XML內容範例如下

ltxml version=10 encoding=UTF-8gt

ltWEBSERVICEgt

ltQUERYRESULTgt

ltISSUCESSgttrueltISSUCESSgt

ltMESSAGEgt

C9B1817B77402F28EB55E15F65D879A103CDADF6

D4A5836BDD0F58A9BF115039

ltMESSAGEgt

ltQUERYRESULTgt

ltWEBSERVICEgt

失敗 XML內容範例如下

ltxml version=10 encoding=UTF-8gt

ltWEBSERVICEgt

ltQUERYRESULTgt

ltISSUCESSgtfalseltISSUCESSgt

ltMESSAGEgt404 Not FoundltMESSAGEgt

ltQUERYRESULTgt

ltWEBSERVICEgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

81

(3) 統計單元對位服務元件

網址httpgistpgostaipeigovtwembedTPXYSTbase_WScfcwsdl

方法searchTPXYSTbase

參數XY

查詢案例

輸出之 XML內容範例如下

區G67_A_STU01TO_P_2011CPTID6300300次分

區G67_A_STU01SD_P_2011ID22

里G67_A_STU01VI_P_2011CPTVID6300300056最小統計

區G67_A_STU0200_P_2011CODEBASEA6303-0281-00一級

統計區G67_A_STU0201_P_2011CODE1A6303-28-002二級

統計區G67_A_STU0202_P_2011CODE2A6303-28三級統計

區G67_A_STU0203_P_2011OGR_FID95 公里方

格G67_A_STGRD5KM_P_2011ID30527701 公里方

格G67_A_STGRD1KM_P_2011ID3052770500 公尺方

格G67_A_STGRD500M_P_2011ID305027700200 公尺方

格G67_A_STGRD200M_P_2011ID305427702100 公尺方

格G67_A_STGRD100M_P_2011ID30542770250 公尺方

格G67_A_STGRD50M_P_2011ID30540277025路

街G67_A_STRTRS_L_2011RDNAME光復南路路街

巷G67_A_STRTRSL_L_2011RDNAME光復南路

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

82

3 標繪資料庫

共通平台之標繪 Cache 資料是利用兩個 Web Service

進行後端「資料」及「樣式」之管理 1 是「資料」的新

增刪除修改(如新增 車輛資訊點位(WKT 格式)

標題圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多大

Tooltip 要設什麼字樣)設定完後端資料後即可利用圖台

API將該圖加入圖層中即可

標繪資料庫架構圖如下圖新增之資料及樣式皆以

APIKEY 及圖層 ID(LAYER_ID)做鍵值比對該 Web

Service 亦會判斷資料編輯者之 IP 與 APIKEY 之註冊 IP

是否相同達到權限管理目地並防止他資料被異動

當圖層加入圖台之前鑲嵌式圖台會依據APIKEY 及

圖層 ID 搜尋指定「資料」及「樣式」重新組合成圖台

專用 XML 後再加入圖台成一圖層

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

83

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

84

Web ServiceAPI 使用說明及程式範例

[參考] Web Service httpzhwikipediaorgwikiWebE69C8DE58AA1

(1) 新增更新空間資料 (目前僅支援點資料)

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsd

l 方法 insertData

參數

參數名稱 說明 必填 型態

APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

ID 該筆資料之識別欄位(使用者自行輸入值) 必填 字串

TITLE 該筆資料之標題欄位(使用者自行輸入值) 必填 字串

TYPE 該筆資料類型(目前僅支援 SYMBOL類型) 必填 字串

WKT 標準 Well-known text文字格式(目前僅支援 POINT)

[參考]httpenwikipediaorgwikiWell-known_text

必填 字串

LAYER_NAME 該筆資料之圖層名稱欄位(使用者自行輸入值) 必填 字串

LAYER_ID 該筆資料之圖層 ID欄位多筆資料若圖層 ID 相同加入

圖台後會視為同一層(使用者自行輸入值)

必填 字串

註若已有舊資料 ID與新資料相同則直接覆蓋舊資料

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl

method=insertData returnvariable=r_xmlgt

ltcfinvokeargument name=APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=LAYER_ID value=0005gt

ltcfinvokeargument name=ID value=99_1gt

ltcfinvokeargument name=TITLE value=車輛 99_1gt

ltcfinvokeargument name=TYPE value=SYMBOLgt

ltcfinvokeargument name=WKT value=POINT(306018 2770240)gt

ltcfinvokeargument name=LAYER_NAME value=carType1gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

81

(3) 統計單元對位服務元件

網址httpgistpgostaipeigovtwembedTPXYSTbase_WScfcwsdl

方法searchTPXYSTbase

參數XY

查詢案例

輸出之 XML內容範例如下

區G67_A_STU01TO_P_2011CPTID6300300次分

區G67_A_STU01SD_P_2011ID22

里G67_A_STU01VI_P_2011CPTVID6300300056最小統計

區G67_A_STU0200_P_2011CODEBASEA6303-0281-00一級

統計區G67_A_STU0201_P_2011CODE1A6303-28-002二級

統計區G67_A_STU0202_P_2011CODE2A6303-28三級統計

區G67_A_STU0203_P_2011OGR_FID95 公里方

格G67_A_STGRD5KM_P_2011ID30527701 公里方

格G67_A_STGRD1KM_P_2011ID3052770500 公尺方

格G67_A_STGRD500M_P_2011ID305027700200 公尺方

格G67_A_STGRD200M_P_2011ID305427702100 公尺方

格G67_A_STGRD100M_P_2011ID30542770250 公尺方

格G67_A_STGRD50M_P_2011ID30540277025路

街G67_A_STRTRS_L_2011RDNAME光復南路路街

巷G67_A_STRTRSL_L_2011RDNAME光復南路

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

82

3 標繪資料庫

共通平台之標繪 Cache 資料是利用兩個 Web Service

進行後端「資料」及「樣式」之管理 1 是「資料」的新

增刪除修改(如新增 車輛資訊點位(WKT 格式)

標題圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多大

Tooltip 要設什麼字樣)設定完後端資料後即可利用圖台

API將該圖加入圖層中即可

標繪資料庫架構圖如下圖新增之資料及樣式皆以

APIKEY 及圖層 ID(LAYER_ID)做鍵值比對該 Web

Service 亦會判斷資料編輯者之 IP 與 APIKEY 之註冊 IP

是否相同達到權限管理目地並防止他資料被異動

當圖層加入圖台之前鑲嵌式圖台會依據APIKEY 及

圖層 ID 搜尋指定「資料」及「樣式」重新組合成圖台

專用 XML 後再加入圖台成一圖層

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

83

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

84

Web ServiceAPI 使用說明及程式範例

[參考] Web Service httpzhwikipediaorgwikiWebE69C8DE58AA1

(1) 新增更新空間資料 (目前僅支援點資料)

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsd

l 方法 insertData

參數

參數名稱 說明 必填 型態

APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

ID 該筆資料之識別欄位(使用者自行輸入值) 必填 字串

TITLE 該筆資料之標題欄位(使用者自行輸入值) 必填 字串

TYPE 該筆資料類型(目前僅支援 SYMBOL類型) 必填 字串

WKT 標準 Well-known text文字格式(目前僅支援 POINT)

[參考]httpenwikipediaorgwikiWell-known_text

必填 字串

LAYER_NAME 該筆資料之圖層名稱欄位(使用者自行輸入值) 必填 字串

LAYER_ID 該筆資料之圖層 ID欄位多筆資料若圖層 ID 相同加入

圖台後會視為同一層(使用者自行輸入值)

必填 字串

註若已有舊資料 ID與新資料相同則直接覆蓋舊資料

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl

method=insertData returnvariable=r_xmlgt

ltcfinvokeargument name=APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=LAYER_ID value=0005gt

ltcfinvokeargument name=ID value=99_1gt

ltcfinvokeargument name=TITLE value=車輛 99_1gt

ltcfinvokeargument name=TYPE value=SYMBOLgt

ltcfinvokeargument name=WKT value=POINT(306018 2770240)gt

ltcfinvokeargument name=LAYER_NAME value=carType1gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

82

3 標繪資料庫

共通平台之標繪 Cache 資料是利用兩個 Web Service

進行後端「資料」及「樣式」之管理 1 是「資料」的新

增刪除修改(如新增 車輛資訊點位(WKT 格式)

標題圖層 ID) 2 是「樣式」的新增刪除修改(如新

增該 Style 什麼比例尺下要設成什麼圖示大小多大

Tooltip 要設什麼字樣)設定完後端資料後即可利用圖台

API將該圖加入圖層中即可

標繪資料庫架構圖如下圖新增之資料及樣式皆以

APIKEY 及圖層 ID(LAYER_ID)做鍵值比對該 Web

Service 亦會判斷資料編輯者之 IP 與 APIKEY 之註冊 IP

是否相同達到權限管理目地並防止他資料被異動

當圖層加入圖台之前鑲嵌式圖台會依據APIKEY 及

圖層 ID 搜尋指定「資料」及「樣式」重新組合成圖台

專用 XML 後再加入圖台成一圖層

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

83

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

84

Web ServiceAPI 使用說明及程式範例

[參考] Web Service httpzhwikipediaorgwikiWebE69C8DE58AA1

(1) 新增更新空間資料 (目前僅支援點資料)

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsd

l 方法 insertData

參數

參數名稱 說明 必填 型態

APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

ID 該筆資料之識別欄位(使用者自行輸入值) 必填 字串

TITLE 該筆資料之標題欄位(使用者自行輸入值) 必填 字串

TYPE 該筆資料類型(目前僅支援 SYMBOL類型) 必填 字串

WKT 標準 Well-known text文字格式(目前僅支援 POINT)

[參考]httpenwikipediaorgwikiWell-known_text

必填 字串

LAYER_NAME 該筆資料之圖層名稱欄位(使用者自行輸入值) 必填 字串

LAYER_ID 該筆資料之圖層 ID欄位多筆資料若圖層 ID 相同加入

圖台後會視為同一層(使用者自行輸入值)

必填 字串

註若已有舊資料 ID與新資料相同則直接覆蓋舊資料

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl

method=insertData returnvariable=r_xmlgt

ltcfinvokeargument name=APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=LAYER_ID value=0005gt

ltcfinvokeargument name=ID value=99_1gt

ltcfinvokeargument name=TITLE value=車輛 99_1gt

ltcfinvokeargument name=TYPE value=SYMBOLgt

ltcfinvokeargument name=WKT value=POINT(306018 2770240)gt

ltcfinvokeargument name=LAYER_NAME value=carType1gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

83

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

84

Web ServiceAPI 使用說明及程式範例

[參考] Web Service httpzhwikipediaorgwikiWebE69C8DE58AA1

(1) 新增更新空間資料 (目前僅支援點資料)

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsd

l 方法 insertData

參數

參數名稱 說明 必填 型態

APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

ID 該筆資料之識別欄位(使用者自行輸入值) 必填 字串

TITLE 該筆資料之標題欄位(使用者自行輸入值) 必填 字串

TYPE 該筆資料類型(目前僅支援 SYMBOL類型) 必填 字串

WKT 標準 Well-known text文字格式(目前僅支援 POINT)

[參考]httpenwikipediaorgwikiWell-known_text

必填 字串

LAYER_NAME 該筆資料之圖層名稱欄位(使用者自行輸入值) 必填 字串

LAYER_ID 該筆資料之圖層 ID欄位多筆資料若圖層 ID 相同加入

圖台後會視為同一層(使用者自行輸入值)

必填 字串

註若已有舊資料 ID與新資料相同則直接覆蓋舊資料

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl

method=insertData returnvariable=r_xmlgt

ltcfinvokeargument name=APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=LAYER_ID value=0005gt

ltcfinvokeargument name=ID value=99_1gt

ltcfinvokeargument name=TITLE value=車輛 99_1gt

ltcfinvokeargument name=TYPE value=SYMBOLgt

ltcfinvokeargument name=WKT value=POINT(306018 2770240)gt

ltcfinvokeargument name=LAYER_NAME value=carType1gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

84

Web ServiceAPI 使用說明及程式範例

[參考] Web Service httpzhwikipediaorgwikiWebE69C8DE58AA1

(1) 新增更新空間資料 (目前僅支援點資料)

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsd

l 方法 insertData

參數

參數名稱 說明 必填 型態

APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

ID 該筆資料之識別欄位(使用者自行輸入值) 必填 字串

TITLE 該筆資料之標題欄位(使用者自行輸入值) 必填 字串

TYPE 該筆資料類型(目前僅支援 SYMBOL類型) 必填 字串

WKT 標準 Well-known text文字格式(目前僅支援 POINT)

[參考]httpenwikipediaorgwikiWell-known_text

必填 字串

LAYER_NAME 該筆資料之圖層名稱欄位(使用者自行輸入值) 必填 字串

LAYER_ID 該筆資料之圖層 ID欄位多筆資料若圖層 ID 相同加入

圖台後會視為同一層(使用者自行輸入值)

必填 字串

註若已有舊資料 ID與新資料相同則直接覆蓋舊資料

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl

method=insertData returnvariable=r_xmlgt

ltcfinvokeargument name=APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=LAYER_ID value=0005gt

ltcfinvokeargument name=ID value=99_1gt

ltcfinvokeargument name=TITLE value=車輛 99_1gt

ltcfinvokeargument name=TYPE value=SYMBOLgt

ltcfinvokeargument name=WKT value=POINT(306018 2770240)gt

ltcfinvokeargument name=LAYER_NAME value=carType1gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

85

(2) 刪除空間資料

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl 方法 deleteData

參數 參數名稱 說明 必填 型態

APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

ID 該筆資料之識別欄位(使用者自行輸入值) 必填 字串

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtDELETE DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtDELETE DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl

method=deleteData returnvariable=r_xmlgt

ltcfinvokeargument name=APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=ID value=99_1gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

86

(3) 查詢空間資料

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl 方法 queryData

參數 參數名稱 說明 必填 型態

APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

回傳 查詢成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtQUERY DATA SUCCESSltMSGgt

ltAPIKEYgtABCDEFGHltAPIKEYgt

ltCOUNTgt5ltCOUNTgt

ltITEMgt

ltIDgt001ltIDgt

ltLAYER_IDgtLY001ltLAYER_IDgt

ltTITLEgt資料標題ltTITLEgt

ltTYPEgtSYMBOLltTYPEgt

ltWKTgtPOINT(304536 2770838)ltWKTgt

ltLAYER_NAMEgttestLayer1ltLAYER_NAMEgt

ltITEMgt

ltITEMgt

helliphellip

ltITEMgt

helliphellip

ltDRAWCACHEgt

ltWEBSERVICEgt

或

ltxml version=10 encoding=UTF-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtQUERY DATA SUCCESSltMSGgt

ltAPIKEYgtABCDEFGHltAPIKEYgt

ltCOUNTgt0ltCOUNTgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtQUERY DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayer_WScfcwsdl

method=queryData returnvariable=r_xmlgt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

87

ltcfinvokeargument name=APIKEY value=ABCDEFGHIJKgt

ltcfinvokegt

(4) 新增更新圖層主樣式資料

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayerStyle_WScfcwsdl

方法 insert_style_main

參數

參數名稱 說明 必填 型態

S_APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

S_LAYER_ID 該筆資料之圖層 ID欄位(使用者自行輸入值) 必填 字串

S_FILTER 圖徵過濾條件 字串

S_URL 圖徵所帶之連結 字串

S_TOOLTIP 圖徵所帶之提示說明

[參考] 純文字使用單引號亦可使用「空間資料」

之欄位如 IDTITLEWKThellip等 (不用加單引號)

字串

註若已有舊資料 S_LAYER_ID與新資料相同則直接覆蓋舊資料

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayerStyle_WScfcwsdl

method=insert_style_main returnvariable=r_xmlgt

ltcfinvokeargument name=S_LAYER_ID value=0005gt

ltcfinvokeargument name=S_APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=S_FILTER value=gt

ltcfinvokeargument name=S_URL value=gt

ltcfinvokeargument name=S_TOOLTIP

value=Concat( URL_BUBLE1testtest2cfmid= ID )gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

88

(5) 新增更新圖層子樣式資料

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayerStyle_WS

cfcwsdl 方法 insert_style_sub

參數

參數名稱 說明 必填 型態

S_APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

S_LAYER_ID 該筆資料之圖層 ID欄位(使用者自行輸入值) 必填 字串

S_MINSCALE 最小比例尺 必填 字串

S_MAXSCALE 最大比例尺 必填 字串

S_TYPESTYLE 圖徵類型(目前僅支援 PointTypeStyle) 必填 字串

S_RULES 該比例尺內細部樣式參數設定各參數使用「amp」符號間隔並

可使用「|||」符號(三個「|」)進行第二筆以上樣式設定

主要參數說明

1 共同使用類

RULE_LEGENDLABEL=於圖例區之名稱

RULE_FILTER=套用該樣式之特定過濾條件

2 LABEL樣式設定類

RULE_LABEL_TEXT=顯示於圖徵旁之文字

[參考] 純文字使用單引號亦可使用「空間資料」之欄位

如 IDTITLEWKThellip等 (不用加單引號)

RULE_LABEL_SIZEX=文字大小寬

RULE_LABEL_SIZEY=文字大小高

RULE_LABEL_ROTATION=圖徵旁之文字旋轉角度

RULE_LABEL_FOREGROUNDCOLOR=文字顏色

3 向量圖形類(與圖示類不可同時存在)

RULE_PS2D_MARK_SHAPE=圖形(SquareCircleTriangleStar

hellip等)

RULE_PS2D_MARK_SIZEX=圖形寬

RULE_PS2D_MARK_SIZEY=圖形高

RULE_PS2D_MARK_FILL_FOREGROUNDCOLOR=填滿色

RULE_PS2D_MARK_EDGE_COLOR=邊框色

RULE_PS2D_MARK_EDGE_THICKNESS=邊框粗細

4 圖示類(與向量圖形類不可同時存在)

RULE_PS2D_W2D_W2DSYMBOL_LIBRARYITEMNAME=圖示名稱[參

考] httpgistpgostaipeigovtwembedsymbollistc

fm (圖示清單)

RULE_PS2D_W2D_SIZEX=圖示大小(寬)

RULE_PS2D_W2D_SIZEY=圖示大小(高)

註以上顏色皆使用 ARGP格式色碼值

(8碼前 2碼為透明度後 6碼為 RGB值)

[參考] httpenwikipediaorgwikiRGBA_color_space

字串

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

89

範例

RULE_LEGENDLABEL=車輛類型 2ampRULE_FILTER=ID=99_3ampRULE_P

S2D_W2D_W2DSYMBOL_LIBRARYITEMNAME=car-redampRULE_LABEL_TEX

T=IDampRULE_LABEL_ROTATION=30ampRULE_PS2D_W2D_SIZEX=08ampRULE

_PS2D_W2D_SIZEY=08|||RULE_LEGENDLABEL=車輛類型 1ampRULE_L

ABEL_ROTATION=30ampRULE_LABEL_TEXT=IDampRULE_PS2D_W2D_SIZEX=

08ampRULE_PS2D_W2D_SIZEY=08ampRULE_PS2D_W2D_W2DSYMBOL_LIBR

ARYITEMNAME=car

註若已有舊資料 S_LAYER_IDS_MINSCALES_MAXSCALE與新資料相同則直接覆蓋舊資料

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtINSERT DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfset RULES = RULE_LEGENDLABEL=車輛類型 2ampRULE_FILTER=ID=99_3ampRULE_PS2D_W

2D_W2DSYMBOL_LIBRARYITEMNAME=car-redampRULE_LABEL_TEXT=IDampRULE_L

ABEL_ROTATION=30ampRULE_PS2D_W2D_SIZEX=08ampRULE_PS2D_W2D_SIZEY=0

8|||RULE_LEGENDLABEL=車輛類型 1ampRULE_LABEL_ROTATION=30ampRULE_LA

BEL_TEXT=IDampRULE_PS2D_W2D_SIZEX=08ampRULE_PS2D_W2D_SIZEY=08ampRU

LE_PS2D_W2D_W2DSYMBOL_LIBRARYITEMNAME=cargt

ltcfinvoke

webservice=httpgistpgostaipeigovtwembed TPCacheLayerStyle_WScfcwsdl

method= insert_style_sub returnvariable=r_xmlgt ltcfinvokeargument name=S_LAYER_ID value=0005gt

ltcfinvokeargument name=S_APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=S_TYPESTYLE value=PointTypeStylegt

ltcfinvokeargument name=S_MINSCALE value=0gt

ltcfinvokeargument name=S_MAXSCALE value=10000gt

ltcfinvokeargument name=S_RULES value=RULESgt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

90

(6) 刪除樣式資料

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayerSty

le_WScfcwsdl 方法 deleteData

參數

參數名稱 說明 必填 型態

S_APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

S_LAYER_ID 該筆資料之圖層 ID欄位(使用者自行輸入值) 必填 字串

S_MINSCALE 特定資料之最小比例尺 字串

S_MAXSCALE 特定資料之最大比例尺 字串

註若 S_MINSCALE及 S_MAXSCALE未填則以 S_LAYER_ID為條件刪除

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtDELETE DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtDELETE DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayerStyle_WScfcwsdl

method=deleteData returnvariable=r_xmlgt

ltcfinvokeargument name=S_APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=S_LAYER_ID value=0005gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

90

(6) 刪除樣式資料

Web Service資訊

網址 httpgistpgostaipeigovtwembedTPCacheLayerSty

le_WScfcwsdl 方法 deleteData

參數

參數名稱 說明 必填 型態

S_APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

S_LAYER_ID 該筆資料之圖層 ID欄位(使用者自行輸入值) 必填 字串

S_MINSCALE 特定資料之最小比例尺 字串

S_MAXSCALE 特定資料之最大比例尺 字串

註若 S_MINSCALE及 S_MAXSCALE未填則以 S_LAYER_ID為條件刪除

回傳 新增成功

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtDELETE DATA SUCCESSltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

新增失敗

ltxml version=10 encoding=utf-8gt

ltWEBSERVICEgt

ltDRAWCACHEgt

ltMSGgtDELETE DATA ERRORltMSGgt

ltDRAWCACHEgt

ltWEBSERVICEgt

程式

範例

ltcfinvoke

webservice=httpgistpgostaipeigovtwembedTPCacheLayerStyle_WScfcwsdl

method=deleteData returnvariable=r_xmlgt

ltcfinvokeargument name=S_APIKEY value=ABCDEFGHIJKgt

ltcfinvokeargument name=S_LAYER_ID value=0005gt

ltcfinvokegt

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

91

(7) API加入圖台

API資訊(JavaScript)

方法 drawCache

參數

參數名稱 說明 必填 型態

APIKEY 由共通平台所註冊核發之 APIKEY 必填 字串

LAYER_ID 欲加入圖層之 ID 必填 字串

LAYERNAME 該圖層之自訂名稱(供其他 API呼叫使用) 必填 字串

回傳 無

程式

範例

drawCache(ABCDEFGHIJK 0005 layer0005)

[參考] 不斷重整動態圖層方式(JavaScript)

var intervalTime

var theSecondVar

function refreshInterval(theSecond)

theSecondVar = theSecond

if(theSecondVar gt=1000)

intervalTime =

setTimeout(refreshInterval(+theSecondVar+) theSecondVar)

setLayerVisible(layer0005 1) 顯示圖層之 API

else

clearTimeout(intervalTime)

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

92

參考範例

網址 httpgistpgostaipeigovtwtp98_6_demo

操作 鑲嵌式圖台 API-地圖互動操作說明 gt 套繪

標繪 gt Cache 圖層套繪執行 drawCache() 2 執行模

擬車行

畫面

100年度臺北市政府圖資中心共通平台功能擴增服務案 系統建置作業報告書

92

參考範例

網址 httpgistpgostaipeigovtwtp98_6_demo

操作 鑲嵌式圖台 API-地圖互動操作說明 gt 套繪

標繪 gt Cache 圖層套繪執行 drawCache() 2 執行模

擬車行

畫面