草根組織及媒體地圖製作指南 (1)

梁啟智
11 min readSep 12, 2018

--

話說我其實是做地圖出身的,雖然我從來沒有在香港任何一間大學的地理系教過地理信息科學,但神推鬼㧬之下近年開始在中大新傳院的碩士班教信息圖像製作,而其中一門就是教記者做地圖。但每次教二十人,太沒效率,不如在把最實戰的東西放在這兒,讓大家可以先起頭,覺得有用的話我們之後再慢慢補回理論部分。

為什麼要做地圖

記者要學做地圖,因為:

a) 人類是空間生物,很多社會現象本身都有明顯的空間性。例如當我們發現某些疾病都在工廠的附近發生,做一張疾病分佈圖再加上工廠的位置,就可以很有說服力地向讀者說明這個關係。

b) 權力會用地圖來做規劃、管理和控制;傳媒要監督權力,也要掌握相關技術。例如政府提出了某個規劃方案,社區中如果要提出另類方案以作抗衡,就要做自己的規劃圖來說明。

總的來說,地圖可以幫我們說明東西「在什麼地方」、「覆蓋有多廣闊」、「和其他東西在空間上的關係」(重疊/距離/方向/路徑)、「在同一地點不同時間的改變」、「未來在同一地點的不同可能」,以至各種抽象的空間概念。

很可惜,香港的媒體很少會用地圖來說故事。舉個例,早前新居屋開賣,那麼對讀者來說這些屋苑的位置,附近有什麼配套,要走多遠才到地鐵站等等,都是相關新聞必然應該包括的重要信息,而這些信息其實用一張地圖就很容易可以說明。可惜絕大多數的傳媒都沒有為這些屋苑做位置圖,只由記者用數百字來交代上述信息,十分之沒有效率。

就我和這些媒體的交流所得,他們沒有做地圖的主因是沒有安排人手。一般記者要在一天內完成很多稿件,已分身不暇再去做地圖;而圖像部門本身又沒有系統化的地圖制作流程,於是便寧願不做了。

相對來說,草根組織及媒體的資源固然更緊張,但又由於這些團體的關注更集中,而且內部溝通的問題沒有那麼複雜,反而更有可能做好用地圖說新聞。我這兒要介紹的,就是如何用最少的資源做到好看的地圖。以下我們用石峽尾大坑西邨做例子,如何 1 蚊都唔洗,十五分鐘之內做到下面這張圖:

純教學示範。若要做複雜很多的地圖當然也可以。

功欲善其事 必先利其器

第一個要處理的問題,是用什麼來做圖。最低成本的方法,當然是用 Google Map 或中原地圖把想要的部分 crop 出來,然後再在上面加工。但這樣也個很大的壞處:看起來很不專業,因為你無法自己控制底圖上有些什麼東西,出來的畫面就可能有很多你不需要的內容,變得十分混亂。得注意,有些時候用 Google 開一個衛星圖,然後直接在上面加工可以是一個很好的選擇,特別是如果我想讀者見到的是自然生態(山野河流農地)。但我們這個案例要做的是街道圖,簡化了的街道和建築物會比衛星圖中的實物易明。

要做圖,就要找軟件。專業級的軟件是 ArcGIS ,但恐怕只有大學才會投資在此之上,就算香港的大型媒體也不會花這樣的錢。這兒介紹一套免費的地圖軟件:QGIS 。這軟件是由義工以開源形式維持的,應用方法和專業級的地理信息系統大同小異,香港也有傳媒用來做後台地理信息處理,可作為入門學習工具。

QGIS 有 Windows, Mac 和 Linux 版,到他們的網站下載即可。要注意在載入軟件前,可能有些輔助工具要先載入,請記得看 read me。

有了軟件,還要有數據。香港政府的數碼地圖產品是要收費的,不過測繪處的朋友還有點良心,特別設定了覆蓋維港兩岸的 iB20000 T11 為測試樣本,大家可以免費下載。 iB20000 的意思是指按 1比20000 的標準製作, T11 就是第 11 張圖。所有地圖的索引在此

也就是說,如果你要做一張沙田區的地圖,你就要 T7 的數據。上面說了, T11 是免費的,其他的最新訂價是 $65 ,可以在這兒選購(已經減價了,雖然類似的東西在美國是免費的,因為他們的概念是只是要聯邦政府出版的東西都應該免版權的)。今次我們的示範練習位於石硤尾,剛好就在 T11 ,請大家先下載相關數據(下面會以 GML 格式為例)。

基本介面使用

開啟 QGIS 後,打開一個新的 Project ,你會看到這樣的一個介面:

使用介面

如果你的介面不如上面這樣整潔的話,可能是新版軟件有問題,可參考網上的一些解決方法

開了新 Project 後,就可以把數據加載進去。你要按的是 Open Data Source Manager (Data Source Manager Toolbar 的第一個 icon,也可以選單 Layer 中找到)。

開啟後,尋找你剛才下載的 T11 數據。你會見到這樣的東西:

這兒每一個folder都藏有一個種類的地理數據,例如 Buildings 就是建築物, Transportation 就是交通。我們平時見到的地圖,在地理信息學入面其實是一層層的數據層 (Layer) 所配搭而成,這些 folder 入面的檔案就是這些數據層了。此外,一般來說向量數據會分三種: point, line 和 polygon ,代表三種表達的形態。例如上面的 TSPTLINE 就是線狀的交通數據,例如地鐵路線;TSPTPOLY 就是多邊形狀的交通數據,例如代表地鐵站的長方形。

現在我們先把 Buildings 下面的 BLDGPOLY 加進去,你會看到這樣的畫面:

這個數據層是以多邊形的形式來代表建築物的,畫面上見到的就是維港兩岸的建築物。這兒的每一個多邊形(準確來說是 Feature)後面都連著一組數據。只要你在左邊 Layers Panel 的 BLDGPOLY 上面右擊,再選 Open Attribute Table, 就會看到每一個 Feature 的附帶數據。

這些附帶數據我們一會兒會用得上的。例如 TYPE 就有分 BLD 和 POD ,指的是「建築物」和「平台層」。我們想用兩種顏色來分開表達,就得先有這個附帶數據。現在我們先把這數表關了,再把其他用得上的數據也加進來,包括 FACIPOLY, TSPTLINE 和 TSPTPOLY 。我們這次要的目標是石硤尾,不會看到海岸線,Hydrography的數據可以不理。之後可以玩玩 Map Navigation Toolbar 的不同功能,例如 Zoom In, Zoom Out, Pan Map 等等,熟悉一下介面。好,現在我們把地圖放大到石硤尾一帶:

圖層顯示操作

首先,我們要弄一弄四個 Layer 的次序。因為排最頂 Layer 會蓋住下面的 Layer ,所以就得預先想想哪一個先,哪一個後。正常來說,街道會放最底,因為有時會有些穿在建築物下面走過的街道。至於地鐵站,我們不妨反過來放在最頂,然後一回兒把它改為用中空的虛線代表。

要改變一個 Layer 的表達方法,我們要雙擊該圖層然後選 Symbology ,這兒以 TSPTPOLY 為例:

剛才說了,我們想把地鐵站變成中空然後用虛線圍繞。怎樣改呢?先按 Simple Fill ,然後下面便會問你 Fill Color, Fill Style, Stroke Color, Stroke Width, Stroke Style 等等⋯⋯ 我們把 Fill Style 變成 No Brush, Stroke Style 變成 Dash Line, Stroke Width 改大一點到 0.5 ,這樣地鐵站便改成想要的樣子了。同樣我們也可以把 FACIPOLY 變成無邊線的淺綠色,看起來就像是公園了:

再下一步,我們要弄那些建築物。上面說了,我想建築物和平台分開兩種顏色,怎麼做呢?還是回到 Layer Properties 下面的 Symbology,但這次不要選 Single Symbol 而要選 Categorized ,這樣就可以分類了。 Column 就是問在附表中的那一欄來分類,我們這兒選 TYPE ,然後在下面按 Classify ,這兒所有可能的分類都會自動列出來了。

下一步,就是選擇什麼分類要顯示出來,而這些分類又要以什麼樣子出現。我們就把建築物變成沒有邊線的深灰色,平台層就是沒有邊線的淺灰色吧:

再按個 Okay,我們的地圖開始像樣了:

來到最後一步,我們要處理一個難題:如何顯示街道和地鐵線。這兩個東西都是在 TSPTLINE 入面的,但是我們想街道放最底,以粉紅色顯示;地鐵線卻放最頂,然後虛黑線顯示啊⋯⋯要做到這點其實很簡單:沒有規定同一個數據層只可以在地圖上出現一次的,Duplicate之後分開處理就可以了。

在TSPTLINE上右擊,選Duplicate Layer,搞掂。為免自己亂,建議善用 Rename Layer 把它們改名為 Streets 和 MTR Lines ,然後把 Streets 放最底, MTR Lines 放最頂。

但這是名字而已。我們還要真的讓每個 Layer 只顯示相關的數據。我們可以用上述的 Categorized 顯示法,但我這兒教大家一個懶一點的方法: Filter 。右擊 MTR Lines 然後選 Filter… ,你會看到一個 Query Builder 的窗口。這兒你要做的,是寫一個公式說明你想要的東西。左上角的 Fields 就是這個 Layer 的 Attribute Table 有什麼。剛好也有分類的,我們先按 TYPE 再在 Value 下面按 ALL ,果然有 “MTR” 這個類別。如是這,在下面 expression 那兒砌一句 “TYPE” = ‘MTR’ 出來,按一下 OK ,便只有地鐵線才出現了。

那麼街道又如何?這兒我們想做到的其實是「不要地鐵線」,所以只要在 Streets 那邊同樣放 Filter ,但這次 expression 寫成 “TYPE” != ‘MTR’ ,就即是除了地鐵線外其他都出現了。

之後我們按剛才改 Symbology 的方法,把地鐵線改成虛線,把街道改成粉紅色就可以:

後期加工

來到這兒,我們已經不用再留在 QGIS 了。之後的後期加工,放在 Photoshop 和 Illustrator 做會方便一點。把圖像 output 成你可以在 Ps 和 Ai 用得上的格式,再作後期加工,就得出我們的製成品了:

如果你預先已經有 QGIS 和已經把數據下載,熟手的話十五分鐘之內可以做起這張圖的了。這已經是很快的了。我知道有些本地傳媒畫地圖的時候,還是要人手逐條街逐座樓劃出來的,上面這張圖他們可能要花一個小時才搞得定。

後記

上述只是純技術說明,想讓各位相信「我都做得到」而已。地理信息科學博大精深,還有很多技巧這兒沒有提到,正常起碼要學一個學期13堂,但上面的介紹應可解決很多草根組織及媒體的基本需要的了。真的再研究下去的話,還可以做出這樣的東西出來:

2016民建聯新界西完美配票圖

另外,技術只是故事的一半,另一半是理論。還有很多很多東西(例如什麼時候做圖,甚麼時候不要做圖,不同情況用什麼顏色字體,分級統計圖又如何做等等⋯⋯),要看看我什麼時候有時間出下集了。我有時會幫 NGO 做培訓或者在富德樓開講,有興趣的朋友請留意公佈。

最最後,上面只是做街道圖。如果你要做覆蓋全中國甚至全世界的地圖,就又另外一堆東西要學(例如座標和球體投影)。這兒說不完,下次再講⋯⋯

--

--