幕後花絮

我做了一個網站,把城市放回山水之間

文/POMODIARY 團隊 · · 閱讀約 3 分鐘

到一座城市旅行,我們通常會先查哪裡好吃、哪裡好逛,再把想去的地方標在地圖上。

不過,把視野拉遠一點,還有另一種有意思的看法:

山從哪一邊起?水從哪裡來?這座城市,落在怎樣的山水之間?

最近,我做了一個網站,叫「觀氣」。

它把城市的山脈、水系和地形放進可以互動的 3D 場景裡。你可以換個視角看山水,也可以切換天氣和時間,讓畫面下起雨,或者進入夜晚。

下雨天還能打開背景音樂。旅行之前,可以用它看看目的地的山水布局;平常也可以把它開著,當作工作、閱讀時的背景陪伴。

杭州:我特別喜歡這一景

先從杭州開始。這裡的感覺,是我特別喜歡的。

西湖三面環山,一面臨城。我們常常沿著湖邊散步,但換個角度,把湖、山和城市放進同一個視野,會更容易理解這片風景的布局。1

看杭州這一景時,可以慢慢轉一轉,看看山怎麼圍著湖,湖又怎麼依著城市。

再把天氣切換成雨天。同一片山水,就能換一種心情來看。

大理:蒼山和洱海,放進同一個畫面

蒼山、洱海,這兩個名字常常一起出現。蒼山在洱海西側,山與湖之間還有住著許多人的平壩。2

在湖邊看山,在山上看湖,各有各的風景。把它們一起擺在眼前,又能多看懂一層:山怎樣展開,湖岸怎樣延伸,中間留出了怎樣的空間。

準備去大理玩的時候,先這樣看一遍,再到蒼山腳下、洱海岸邊走走,眼前的風景就多了一點連結。

南京:把山、水和城連起來看

南京有鍾山,也有長江、秦淮河和玄武湖。低山、丘陵與江河湖泊,共同構成了這座城市的地形。3

平常去玩,這些名字可能各自對應行程裡的幾個景點。換成山水的視角,就可以把注意力放在它們之間:山在哪裡起伏,水往哪裡延伸,城市又在什麼位置展開。

看完個別的景點,再看看它所在的那片地形,也挺有意思。

武漢:順著兩江,認識三鎮

看武漢,可以先把注意力放在水上。

長江與漢江在這裡交會,形成武昌、漢口、漢陽三鎮的格局。4

把視角拉開,順著兩條江看,再找找交會的位置,「武漢三鎮」的空間關係就直觀多了。

之後再到江邊走走、搭船或過橋,或許會對自己所在的位置多一分感覺。

宜昌:看長江怎樣走出峽谷

宜昌適合順著江道看山勢。西陵峽東至宜昌南津關,這一帶也是鄂西山區向江漢平原過渡的區域。5

看這一景,可以試著順著江水的方向轉動視角:兩岸的山怎樣起伏,江道怎樣轉彎,空間又怎樣逐漸開闊。

峽谷的感覺,光看平面輪廓還不夠。換個角度,把高度也一起看進去,會直觀許多。

還能下雨,也能入夜

除了換城市,我也很想讓大家試試天氣和時間的切換。

同一片山水,可以在白天看,也可以切到夜晚。想換個氛圍,就讓畫面裡下一場雨。

下雨時,還可以打開背景音樂。

寫程式、讀書、整理東西的時候,把它當作白噪音般的背景陪伴。偶爾抬起頭,螢幕裡還有一片山水。

有時候也不必研究什麼地形。選一座喜歡的城市,切到雨天,放點音樂,安安靜靜待一會兒,就很好。

出發旅行之前,先換個角度看看

另一個值得一試的功能,是切換不同的視角。

把視野拉遠,可以看整體布局;換個方向,可以看山與水的前後關係;從上方看完,再換個角度看起伏,同一個地方就有了不同的樣貌。

比如準備去某座城市玩,出發前先看看:目的地在山的哪一側?靠著哪條河?從湖邊往外走,地形會怎樣變化?

到了當地,再把眼前的景色和先前看過的山水對照起來。平常地圖上的一個地名,就能慢慢和真實的方向、距離、起伏連結起來。

除了知道哪裡值得去,也看看這些地方,為什麼會長成眼前的樣子。

它適合幫你建立對整體山水的印象,實際路線還是請以地圖和現場狀況為準。


我們也許已經很熟悉一座城市的街道,卻還沒認真看過它所在的那片山水。

有空來逛逛吧。

也可以挑一座喜歡的城市,讓它下一場雨。

網站:shanshui.pomodiary.com

Footnotes

  1. 國家林業和草原局:浙江杭州奏響千年濕地華章,https://www.forestry.gov.cn/lyj/1/mtbd/20260203/659179.html ↩

  2. 《大理鎮》,所引《大理市年鑑 2021》等地方志資料,https://zh.wikipedia.org/wiki/%E5%A4%A7%E7%90%86%E9%95%87 ↩

  3. 南京市人民政府:自然狀況、風景名勝,https://www.nanjing.gov.cn/zgnjsjb/csgk/202509/t20250919_5653088.html ↩

  4. 武漢市水務局:水韻武漢,https://swj.wuhan.gov.cn/mlsw/ ↩

  5. 宜昌市人民政府:西陵峽口風景區、夷陵,https://www.yichang.gov.cn/content-56330-999522-1.html ↩

延伸閱讀