• 沒有找到結果。

內容管理系統可以透過網站的管理介面直接管理網站,便於使用者創建、編 輯以及儲存內容。使用者不需要透過網站編輯器,也不需要撰寫程式碼,即可直 接在網站的管理介面,針對需要修改的部分做編輯。除了內容管理的便利性,對 於使用者管理、權限控管等也同樣易於操作,而其堆疊功能模組的方式,便於網 站創建各種豐富的功能。

§4.2.1 Drupal Module

Drupal 核心模組(Drupal Core)包含基本的網站功能,例如使用者、節點、

回應、檔案和分類等,安裝完核心模組後,具備管理內容功能的網站便已有雛形;

然而不同網站會有各自所需的功能,這些額外的功能則透過社群貢獻的附加模組 來執行,例如影音串流網站必須裝載 Media 模組,而本研究之地圖網站,亦須裝 載相關的地圖模組、地理資料處理的模組,方可達成;由此可知,模組的裝載必 須建立在網站的主題規劃上,以達成網站的最佳理想樣貌。

架設一個以 Drupal 為基礎的地圖網站,概念如圖 4-5。架站環境採用支援 php 及 MySQL 的網站伺服器,並符合 Drupal 所需的系統需求規範,例如:Linux + Apache + MySQL + php (LAMP)。下載 Drupal Core 核心壓縮檔後,安裝至伺服 器。為提供地圖功能,Drupal 網站必須安裝額外的附加模組,包含為了新增地圖 內容,存放地理資料格式的 Geophp、Geofield 等,另外還需要安裝將地理資料展 繪在地圖上的模組,如 OpenLayers、Leaflet 等。

圖 4-5 Drupal 架設地圖網站概念圖

§4.2.2 安裝 OpenLayers 模組

Drupal 的 OpenLayers 模組使用 OpenLayers JavaScript 函式庫,讓 Drupal 網 站可以創建地圖內容。而一般使用者可以直接透過 OpenLayer UI 來加入其他 WMS 所發布的地圖,但是使用者必須具備投影座標及其他相關的地圖知識。考 慮到無法假設每位架站者皆具備此能力,因此決定將圖資直接加入 OpenLayes 模 組的預設圖層中,如同已預設在模組中的消費級圖資。如此一來,架站者在安裝 的同時,即可獲得專業級圖資的來源選項,而網站使用者只需透過選擇的方式來 使用地圖。

Drupal 的 OpenLayes 包含三個模組,其架構如圖 4-6:

1. OpenLayers:核心模組包含地圖、圖層、樣式和圖徵設定及 API;

2. OpenLayers UI:使用者介面和表單;

3. OpenLayers Views:所有與建立地圖列表頁相關的部分。

圖 4-6 Drupal 的 OpenLayes 模組架構圖

OpenLayes 模組預設的圖層已相當豐富,包含常見的各種消費級圖資,如表 4-2。本研究所架設之地圖平台,預設模組中可選圖層包含 Google 地圖、Google 衛星、MapQuest OSM、OSM Cycling Map、OSM Mapnik,未選用之圖層為臺灣 部分影像有缺陷等,予以排除。

表 4-2 OpenLayers 模組預設的地圖圖層

Google Maps Hybrid 道路和地形的 Google Maps Google Maps Normal 道路的標準 Google Maps Google Maps Physical 日光陰影的 Google Maps Google Maps Satellite Google Maps 衛星影像

MapBox

MapBox World Black

MapBox 將 OpenStreetMap 進行影像處理後提供的地圖

服務 MapBox World Bright

MapBox World Dark MapBox World Print

MapQuest

MapQuest Open Aerial MapQuest 的航照影像 MapQuest OSM 加入 OSM 的 MapQuest 地圖 的消費級圖資,本研究直接在圖層(Layers)的 inc 檔中(openlayers.layers.inc)寫入 欲新增至 UI 的地圖,以便納入專業級圖資,以通用版正射影像為例,如圖 4-7:

圖 4-7 Drupal 的 OpenLayes 模組中納入通用版正射影像

// Taiwan Aerial $layer = new stdClass();

'base_url' => 'http://maps.nlsc.gov.tw/S_Maps/wms_c?', 'params' => array(

'exceptions' => 'application/vnd.ogc.se_inimage', 'format' => 'image/png',

'layer_type' => 'openlayers_layer_type_wms', 'layer_handler' => 'wms',

$layers[$layer->name] = $layer;

同樣方式寫入通用版電子地圖,在安裝完 OpenLayers 模組後,預設圖層選 項即會包含原本已含之消費級圖資與新增的專業級圖資,如圖 4-8,架站者無需 再透過 UI 新增 WMS 發布的地圖。

圖 4-8 Drupal 的 OpenLayes 模組的預設圖層已包含新增圖資

啟用 Drupal 的 OpenLayers 模組後,在使用地圖圖資時,可以避免寫 API 的 門檻,以利更多人使用各種類型的地圖。整合國土測繪圖資網路地圖服務系統的 圖資,可以讓一般使用者更易接觸公部門所提供之專業級圖資,架站者只需點選 圖資即可使用,圖 4-9、圖 4-10。

圖 4-9 Drupal 的 OpenLayes 架站者選擇圖資之表單

圖 4-10 點選圖資表單即可使用專業級圖資

此外,透過 Geophp 及 Geofield,使用者可以輕鬆搭配出一個以專業級圖資 為基準,用來收集點、線、面資料的網站,用來蒐集相關的地理資料,或者混搭 其他服務,如圖 4-11。

圖 4-11 以 Drupal 的 OpenLayes 模組搭配 Geophp 及 Geofield 收集地理資料

透過內容管理系統 Drupal 社群所提供之 OpenLayers 模組,可以有效整合公 部門之專業級圖資,提升 OpenLayers 模組的圖資豐富程度,降低架站者獲取專 業級圖資的門檻,有利於架站者對專業級圖資的可及性。另一方面,也可以在使 用者介面上設定各種圖層供一般大眾使用,使用者只須要透過下拉式選單選擇自 己想要發布在文章中的圖資,不需要了解圖資在何方即可使用。讓大眾對於專業 級圖資有更多的認識,了解在消費級圖資以外,另有一套具備優良條件的圖資可 以使用,讓專業級圖資的獲取管道從單一的政府網站或地圖服務平台,擴及至開 源的內容管理系統,提升圖資的能見度。